Google I/O 2012 - Jank Busters: Building Performant Web Apps
Sign in to YouTube
Sign in to YouTube
Sign in to YouTube
Published on Jun 29, 2012
Nat Duca, Tom Wiltzius
Building high-performance web apps is hard! When animations hitch, mouse hover effects lag, or page scrolls stutter, we call it jank. This talk is about hunting jank down and exterminating it.
Sources of jank in web apps include garbage collector runs, long image decodes, heavy paint times for DOM elements, JavaScript-heavy input handlers, unexpected WebKit layer invalidations, and more -- all getting in the way of the 60FPS every modern app developer should aim for. In this talk we'll go through a few techniques to ensure your web app has smooth animations, transitions, and scrolling. We'll cover ways to use Chrome's Developer Tools to root out jank, as well as more advanced Chrome graphics profiling tools the intrepid can use to dig into what's going on behind the scenes. We'll even peek gingerly under the covers of WebKit to explain why that pesky hitch occurs in the first place.
For all I/O 2012 sessions, go to https://developers.google.com/io/
-
Category
-
License
Standard YouTube License
Loading...
Loading...
Loading...
Loading...
Loading...
- 1:00:21 Google I/O 2012 - Fireside Chat with the Google+ Platform Teamby GoogleDevelopers2,285 views
- 48:26 Google I/O 2012 - Better Web App Development Through Toolingby GoogleDevelopers38,068 views
- 43:09 Google I/O 2012 - SQL vs NoSQL: Battle of the Backendsby GoogleDevelopers43,697 views
- 1:01:35 Google I/O 2011: HTML5 versus Android: Apps or Web for Mobile Development?by GoogleDevelopers112,629 views
- 1:02:07 Google I/O 2012 - High Performance HTML5by GoogleDevelopers12,564 views
- 58:56 Google I/O 2012 - OAuth 2.0 for Identity and Data Accessby GoogleDevelopers7,155 views
- 40:45 Mobile face-off: HTML5 vs. native apps vs. mobile platformsby M Rivera4,536 views
- 30:43 Amazing Google Glasses Demonstration at Google I/O 2012by minipcpro395,565 views
- 40:59 Google I/O 2012 - Putting Together the Pieces: Building Apps with Google Apps Scriptby GoogleDevelopers6,633 views
- 56:13 Google I/O 2012 - Google Play: Marketing 101 for Developersby GoogleDevelopers11,609 views
- 55:14 Google I/O 2012 - Building Android Applications that Use Web APIs with Yaniv Inbar and Sriram Saroopby GoogleDevelopers12,384 views
- 1:00:40 Google I/O 2012 - What's New in Android Developers' Toolsby GoogleDevelopers57,520 views
- 11:18 Google Nexus 7 Android tablet by ASUS - first look from I/O 2012by mobileburn192,258 views
- 2:13:20 Google I/O 2012 - Playing with Patternsby GoogleDevelopers15,321 views
- 1:11:26 035.- Curso de Java. Crear Aplicación web enlazada a base de datos.by 0utKast23,094 views
- 47:45 Google I/O 2012 - The Web Platform's Cutting Edgeby GoogleDevelopers16,292 views
- 1:59 Google I/O 2012 - Nexus 7 with Google Play Reactionsby GoogleDevelopers17,544 views
- 48:22 Google I/O 2012 - Multi-Versioning Android User Interfacesby GoogleDevelopers11,471 views
- 56:55 Google I/O 2012 - Knowledge-Based Application Design Patternsby GoogleDevelopers3,858 views
- 6:00 ASP.NET Course: Lesson 1-5 Create an ASP.NET Web Application projectby TheSmartMethod14,266 views
- Loading more suggestions...
Lucas Rizoli 1 month ago
This is a very good talk: your explanations and recommendations and demos are clear, you handle the questions well and frankly. Thanks.
Sign in to YouTube
Sign in to YouTube
MediaFilter 1 month ago
Funny guys, good talk!
Sign in to YouTube
Sign in to YouTube
dwoldrich 4 months ago
setAnimationFrame seems frame locked at 30Hz on Firefox. So, it turns out ... setTimeout is a drop-in replacement for setAnimationFrame, for me, on Firefox. :)
Sign in to YouTube
Sign in to YouTube
Benjamin Gruenbaum 4 months ago
Worth noting that although jQuery says it works with requestAnimationFrame, it actually does not (look at the source!)
good talk
Sign in to YouTube
Sign in to YouTube
Jakob Anderson 4 months ago in playlist Google I/O 2012
Very Very Good Talk. I continue to find numerous ways of speeding and smoothing my web apps, and this talk showed me some new ones I had never heard of!
Sign in to YouTube
Sign in to YouTube
wizzra 5 months ago
A great talk!
Sign in to YouTube
Sign in to YouTube
bgrgyk 5 months ago
37:02
Sign in to YouTube
Sign in to YouTube
harimakenji10 5 months ago
first
Sign in to YouTube
Sign in to YouTube