CSS - Tricks

APRIL 1, 2021

Google’s industry benchmarks from 2018 also provide a striking breakdown of how each second of loading affects bounce rates. Using a network request inspector, I’m going to see if there’s anything we can remove via the Network panel in DevTools. In DevTools, the Network inspector helps us see what the first webpage is doing too.

Cache 92

Cache Social Media Media Website 92

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

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. JavaScript is the single most expensive part of any page in ways that are a function of both network capacity and device speed. The median user is on a slow network.

Performance 68

Performance Benchmarking Network Mobile 68

Smashing Magazine

JUNE 26, 2019

In this case, my website is “slow”, even when served on 4G networks. Let the web developer handle all of the necessary speed optimizations like caching and file minification while you take on the following design tips and strategies: 1. second benchmark for mobile loading. Clean coding practices. Minification. seconds too long.

Website 110

Website Speed Mobile Design 110