YouTube home Comedy Week on YouTube
Upload

Faster HTML and CSS: Layout Engine Internals for Web Developers

GoogleTechTalks GoogleTechTalks·1,782 videos
147,420
71,028
Like     Dislike 23

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to like GoogleTechTalks's video.

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to dislike GoogleTechTalks's video.

Sign in to YouTube

Sign in with your Google Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to add GoogleTechTalks's video to your playlist.

Uploaded on Nov 17, 2008

Google Tech Talks
November 12, 2008

ABSTRACT

How fast Web pages load and how fast they change dynamically depends on both the Web page and the browser it's running in. Browser makers put significant effort into making their browsers faster, but there are also things that Web page authors can do to make their pages more responsive.

I plan to talk about HTML, CSS, and the DOM in Mozilla, from the DOM tree and CSS style sheets through to displaying pixels on the screen. In particular, what do Mozilla-based browsers spend the time doing when they're displaying a Web page? Which parts of this work are redone when the page is changed by script? And what implications does this have for how authors can make their pages faster, and for how authors can test the performance of their pages?


Speaker: David Baron
David is a software engineer at Mozilla Corporation, where he works on Mozilla's implementations of Cascading Style Sheets (CSS) and layout algorithms (computing the positions of objects), fixing memory leaks, and other things. He has been working on Mozilla since 1998, and is a member of the W3C CSS working group.

Loading icon Loading...

Loading icon Loading...

Loading icon Loading...

The interactive transcript could not be loaded.

Loading icon Loading...

Loading icon Loading...

Ratings have been disabled for this video.
Rating is available when the video has been rented.
This feature is not available right now. Please try again later.

Top Comments

  • paratirisis

    - 43:16 Hiding elements. display:none vs. visibility affect rendering performance in a different (and non obvious) way.

    - 49:00 Optimisations with absolute positioning: Absolutely positioned elements within other absolutely/relatively positioned elements cause more computations.

    - 52:00,55:50 Table vs floating layout for performance: depends, width computation on deep nested elements is expensive

    - 54:30 Benchmarking

    · 40

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate paratirisis's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate paratirisis's comment.
  • tunkara

    i guess he stutters ...anyway don't blame him....he is gifted..

    · 34

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate tunkara's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate tunkara's comment.

All Comments (79)

Sign in now to post a comment!
  • vividexstance

    Can people do presentations without saying the word "ummm" every two seconds?

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate vividexstance's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate vividexstance's comment.
  • wampus959

    His name is Werner Brandes, and his voice is his passport!

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate wampus959's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate wampus959's comment.
  • Rick Beacham

    good presentation. alot of information.

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Rick Beacham's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Rick Beacham's comment.
  • SamuraiGuevara

    awesome information

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate SamuraiGuevara's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate SamuraiGuevara's comment.
  • Mandar Deodhar

    after this talk, google created chrome =)

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Mandar Deodhar's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Mandar Deodhar's comment.
  • seanslik1

    he's crying?

    · 2

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate seanslik1's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate seanslik1's comment.
  • Rahul pal

    i like this video

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Rahul pal's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Rahul pal's comment.
  • Rahul pal

    god i am impress

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Rahul pal's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate Rahul pal's comment.
    in reply to Marcin2418 (Show the comment)
  • odiousominious

    does this mean that under hover (besides being specific) its best to start with visibility:hidden so that it will switch faster while in site (I doubt it takes too much time to load)

    ·

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate odiousominious's comment.

    Sign in to YouTube

    Sign in with your YouTube Account (YouTube, Google+, Gmail, Orkut, Picasa, or Chrome) to rate odiousominious's comment.
  • Loading comment...
Loading...
Loading...
Working...
Sign in to add this to Watch Later