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

Building Lighthouse Metrics

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers.

Building Lighthouse Metrics

Avatar for Chris

Chris

May 08, 2020
Tweet

Other Decks in Programming

Transcript

  1. hey

  2. Lighthouse 5 Lighthouse 6 (draft) Difference First Contentful Paint 20

    % 15 % - 5 % ↘ Speed Index 27 % 15 % - 12 % ↘ Largest Contentful Paint 7 % 25 % + 18 % ↗ Time to interactive 33 % 15 % - 18 % ↘ Total Blocking Time - 25 % Cumulative Layout Shift - 5 % Source: https://web.dev/performance-scoring/
  3. • If you create something: validate your idea quickly •

    JAM stack: better performance out of the box • Be prepared: Lighthouse 6 is coming