Speed Curve

MARCH 7, 2022

But pages keep getting bigger and more complex year over year – and this increasing size and complexity is not fully mitigated by faster devices and networks, or by our hard-working browsers. Size matters especially to mobile users who have limited and/or metered data. Clearly we need to keep talking about it.

Mobile 145

Mobile Benchmarking Google Metrics 145

Alex Russell

JANUARY 30, 2024

It's time once again to update our priors regarding the global device and network situation. HTML, CSS, images, and fonts can all be parsed and run at near wire speeds on low-end hardware, but JavaScript is at least three times more expensive, byte-for-byte. What's changed since last year? and 75KiB of JavaScript.

Performance 90

Performance Network Mobile Speed 90

Alex Russell

MARCH 6, 2021

Thanks to progress in networks and browsers (but not devices), a more generous global budget cap has emerged for sites constructed the "modern" way: ~100KiB of HTML/CSS/fonts and ~300-350KiB of JS (compressed) is the new rule-of-thumb limit for at least the next year or two. Modern network performance and availability.

Performance 124

Performance Network Cache Metrics 124

Speed Curve

JULY 3, 2023

Size matters, especially to mobile users who have limited and/or metered data. These numbers should not be taken as a benchmark for your own site. Mobile: The median page is smaller (but there's a catch) It's genuinely heartening to see that, overall, pages served to mobile haven't gotten bigger. on the page. MB of video.

Mobile 52

Mobile Google Metrics Retail 52

Alex Russell

APRIL 29, 2021

As an engineer on a browser team, I'm privy to the blow-by-blow of various performance projects, benchmark fire drills, and the ways performance marketing (deeply) impacts engineering priorities. With each team, benchmarks lost are understood as bugs. All modern browsers are fast, Chromium and Safari/WebKit included. Gamepad API.

Media 145

Media Games Education Engineering 145

Alex Russell

OCTOBER 22, 2017

We constrain ourselves to a real-world baseline device + network configuration to measure progress. Budgets are scaled to a benchmark network & device. media="(min-width: 750px)"> <img srcset="img@mobile.png, img@mobile-2x.png 2x". Deciding what benchmark to use for a performance budget is crucial.

Performance 68

Performance Benchmarking Network Mobile 68

KeyCDN

AUGUST 15, 2019

Before you begin tuning your website or application, you must first figure out which metrics matter most to your users and establish some achievable benchmarks. Prepare the testing environment: Make sure your hardware and network configurations closely reflect real world conditions. What is Performance Testing?

Testing Tools 55

Testing Tools Best Practices Performance Testing Testing 55