Strapped for time or just getting started with eliminating jank from your projects? These are our must-see resources!
From memory consumption to image decoding, Chrome provides a complete range of tools for debugging and profiling your project's performance.
For times where you need to dig into even more detail you can use Chrome Tracing.
Chrome Dev Summit 2013: 60FPS Layout and Rendering
CSSConf 2013: Jank Busting
Gone in 60 Frames Per Second
JSConf.eu 2013
Google I/O 2013: Jank Busting
Google I/O 2012: Jank Busting
The Breakpoint Ep. 4 — The Tour De Timeline
The Breakpoint Ep. 6: Accelerating Load Time, Run Time, and JS tooling
Velocity 2012 about:tracing lightning demo
Mobile Web Thursdays: Performance on Mobile
Fast responses to user interactions help make your apps feeling fluid and a joy to use.
Painting is the process of filling in the pixels for your page. Everything from CSS to image decoding and resizing has consequences for paint performance.
Before the browser can paint anything it has to first apply all the styles to your elements and figure out every element's geometry on the page.
Super slick animations and interactivity are a critical piece of making high quality and engaging projects.
Want to know how other developers have fought to make their apps jank free?