$30 off During Our Annual Pro Sale. View Details »

The Web Performance Landscape in 2024 [PerfNow ...

Tammy Everts
November 19, 2024

The Web Performance Landscape in 2024 [PerfNow 2024]

I delivered the keynote on day 1 of performance.now() in Amsterdam to catch folks up on the current performance landscape. Topics included:

• Global web usage and performance stats
• The performance (in)equality gap
• Page bloat – how much bigger can web pages get?!
• Metrics – what they can tell us (and what they can’t)
• Common optimization mistakes
• And more!

Tammy Everts

November 19, 2024
Tweet

More Decks by Tammy Everts

Other Decks in Technology

Transcript

  1. Dunning-Kruger effect Cognitive bias in which people with limited competence

    in a particular domain overestimate their abilities…
  2. Dunning-Kruger effect Cognitive bias in which people with limited competence

    in a particular domain overestimate their abilities… …and high performers tend to underestimate their abilities
  3. 2007 Very few metrics Synthetic monitoring Limited understanding of real

    users Simpler, smaller pages Very few third parties
  4. Our users Their devices Their browsers Our metrics There are

    still significant gaps in what we know about…
  5. Our users Their devices Their browsers Our metrics Our teams

    There are still significant gaps in what we know about…
  6. Our users Their devices Their browsers Our metrics Our teams

    Our pages There are still significant gaps in what we know about…
  7. Our users Their devices Their browsers Our metrics Our teams

    Our pages Effectiveness of our optimizations There are still significant gaps in what we know about…
  8. “The performance gap between wealthy users and budget shoppers grew

    more this year than the gains from improved chips delivered at the low end.” infrequently.org/series/performance-inequality Alex Russell
  9. “The performance gap between wealthy users and budget shoppers grew

    more this year than the gains from improved chips delivered at the low end.” “Inequality is growing faster than the bottom-end can improve.” infrequently.org/series/performance-inequality Alex Russell
  10. We mostly build for iOS We mostly monitor Chrome Popular

    metrics don’t capture Safari Our goals might be wrong
  11. 26 scripts 23 scripts 2022 2024 Median JS size &

    requests HTTP Archive, October 2024
  12. 19 out of 20 pages had an inefficient cache policy

    speedcurve.com/blog/15-neglected-page-speed-optimizations
  13. 14 out of 20 didn’t have ‘width’ and ‘height’ attributes

    speedcurve.com/blog/15-neglected-page-speed-optimizations
  14. Maybe none of these issues affected the critical rendering path

    Maybe optimizations were hard (or impossible) to implement
  15. Maybe none of these issues affected the critical rendering path

    Maybe optimizations were hard (or impossible) to implement Maybe people just did not know
  16. 1. Who am I building for? 2. Who am I

    testing for? 3. Do I know what’s on my pages – and its impact? 4. Am I doing the right optimizations? 5. Am I tracking the right metrics? 6. Should I be using custom metrics? 7. When my pages get faster, does it help my users and my business?