Gone In 60 Frames Per Second

Web Performance
Location: Palace Suite - Buckingham Room Level: Intermediate
Average rating: ****.
(4.55, 49 ratings)
Slides:   external link

Jank-free rendering performance has been shown to positively affect user engagement and user experience in a number large sites, yet remains an area many developers are unaware of how to diagnose or optimize for.

To highlight how widespread rendering is a performance issue, we’re going to walk through a detailed case study of Pinterest.com. Learn about common paint issues in modern sites, caused by fixed-backgrounds, heavy CSS, doing too much in your onscroll handlers, compositing and more. We’ll also look at changes Pinterest made to get up to a 40% improvement in rendering times.

By the end if this session you’ll be equipped with the knowledge to use the performance profiling tools in Chrome DevTools to find and fix rendering issues in your own sites.

Photo of Addy Osmani

Addy Osmani

Google

Addy Osmani is a Developer Programs Engineer on the Chrome team at Google, working on tools for improving developer productivity. He has contributed to a number of large open-source projects including TodoMVC, jQuery and Yeoman and has authored books including ‘Learning JavaScript Design Patterns’ and ‘Developing Backbone.js Applications’.

Comments on this page are now closed.

Comments

Dumitru Radu Buzoianu
14/11/2013 11:42 GMT

Thank you very much for the quick response. I really loved your presentation. Keep up the good work :)

Picture of Addy Osmani
Addy Osmani
14/11/2013 11:39 GMT

The slides for the talk can be found here:

https://speakerdeck.com/addyosmani/velocityconf-rendering-performance-case-studies

Thanks for attending!

Dumitru Radu Buzoianu
14/11/2013 11:35 GMT

Where can we download the slides used for the presentation? Thank you.

Sponsors

Sponsorship Opportunities

For exhibition and sponsorship opportunities at Velocity conference, contact Gloria Lombardo at +1 (203) 381-9245 or glombardo@oreilly.com

Media Partner Opportunities

For information on trade opportunities with O'Reilly conferences contact Jaimey Walking Bear at mediapartners
@oreilly.com

Contact Us

View a complete list of Velocity Europe 2013 contacts