CSS Wizardry

FEBRUARY 25, 2021

Google has a pretty tight grip on the tech industry: it makes by far the most popular browser with the best DevTools, and the most popular search engine, which means that web developers spend most of their time in Chrome, most of their visitors are in Chrome, and a lot of their search traffic will be coming from Google.

Network 225

Network Mobile Performance Traffic 225

Smashing Magazine

OCTOBER 31, 2023

The linked-up explainer provides more details, from how scores are weighted to why scores may fluctuate between test runs. Why do we need Lighthouse at all when Google also offers similar reports in PageSpeed Insights (PSI)? Large preview ) Did you notice that the Performance score in Lighthouse is different from that PSI screenshot?

Speed 99

Speed Google Website Metrics 99

Smashing Magazine

APRIL 11, 2022

Loading experience is crucial to the user’s first impression and overall usability, so Google defined Largest Contentful Paint (LCP) metric to measure how quickly the main content loads and is displayed to the user. It’s common knowledge that better website performance results in more conversions, more traffic, and better user experience.

Media 71

Media Tuning Metrics Google 71

Smashing Magazine

JANUARY 6, 2020

Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Addy Osmani has written a very detailed write-up on how to start performance budgeting , how to quantify the impact of new features and where to start when you are over budget. Large preview ).

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

For Mac OS, we can use Network Link Conditioner , for Windows Windows Traffic Shaper , for Linux netem , and for FreeBSD dummynet. Lighthouse , a performance auditing tool integrated into DevTools. Set up "clean" and "customer" profiles for testing. On Smashing Magazine, we could measure 19-32% improvement , too.

Performance 104

Performance Cache Metrics Network 104

Smashing Magazine

SEPTEMBER 6, 2021

mvfst (Facebook), MsQuic , (Microsoft), (Google), ngtcp2 , LSQUIC (Litespeed), picoquic , quicly (Fastly). Note that there is an Apache Traffic Server implementation, though.). Traffic for one connection must, of course, always be routed to the same back-end server (the others wouldn’t know what to do with it!). Implementation.

Network 107

Network Servers Cache Traffic 107