Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Performance beyond the page load

Performance beyond the page load

We talk about http performance all the time in front-end land. But we rarely touch on performance after the page load has complete.

In this talk we'll step through how to measure performance, how to diagnose performance issues. What these weird terms like paint, reflow, style recalculation, composite and how they relate to CSS. We'll even talk about what that 60fps number everyone keeps banging on about and how it relates to building websites.

Slides from CSSConf 2015 in New York

ryanseddon

June 19, 2015
Tweet

More Decks by ryanseddon

Other Decks in Programming

Transcript

  1. Reflow is the process by which the geometry of the

    layout engine's formatting objects are computed — Chris Waterson
  2. .modal { // Don't trigger costly layouts, // style recalcs

    for other elements // isolate this subtree contain: strict; ... }