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 signific...
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.
Like to rate videos and let people know what you think?
Automatically share your ratings, favorites, and more on Facebook, Twitter, and Google Reader with YouTube Autoshare.
Autoshare makes certain YouTube activities public on the services you choose. Select only the services you are comfortable with - like Facebook, Twitter, or Google Reader - to let your friends know what you like on YouTube. You can turn Autoshare off at any time.
Like to share videos with friends?
Automatically share your ratings, favorites, and more on Facebook, Twitter, and Google Reader with YouTube Autoshare.
Autoshare makes certain YouTube activities public on the services you choose. Select only the services you are comfortable with - like Facebook, Twitter, or Google Reader - to let your friends know what you like on YouTube. You can turn Autoshare off at any time.
- 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
Autoshare makes certain YouTube activities public on the services you choose. Select only the services you are comfortable with - like Facebook, Twitter, or Google Reader - to let your friends know what you like on YouTube. You can turn Autoshare off at any time.
- 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