Web Performance for the Curious

Impressive presentation about whiteboxing WebKit and Chrome by Ilya Grigorik.

I strongly recommend flags that are on slide 21: (Network internals of Chrome) http://www.igvita.com/slides/2012/web-performance-for-the-curious/#21

60FPS is not only about games but pages too, so keep an eye on how much code you execute eg. on scroll event.

60FPS affords you a 16.6ms budget per frame


We can use GPU by:

Forcing a GPU layer: -webkit-transform:translateZ(0)
GPU is really fast at compositing, matrix operations and alpha blends


I will suggest to use if mostly by CSS3 animations, or if needed, do not use it for all elements on page.

How to search in chromium like in white box:


Share on Hacker News
Share on LinkedIn

← Home

Want to learn more?

Sign up to get a digest of my articles and interesting links via email every month.

* indicates required

Please select all the ways you would like to hear from Krzysztof Kula:

You can unsubscribe at any time by clicking the link in the footer of my emails.

I use Mailchimp as a marketing platform. By clicking below to subscribe, you acknowledge that your information will be transferred to Mailchimp for processing. Learn more about Mailchimp's privacy practices here.