Smashing Magazine

JUNE 26, 2019

What Web Designers Can Do To Speed Up Mobile Websites. What Web Designers Can Do To Speed Up Mobile Websites. I recently wrote a blog post for a web designer client about page speed and why it matters. What I didn’t know before writing it was that her agency was struggling to optimize their mobile websites for speed.

Website 110

Website Speed Mobile Design 110

Smashing Magazine

MAY 9, 2022

WebPageTest is one of the few web performance testing tools that actually tests a reload of the page using a primed HTTP Cache — most of the other tools just flag if your HTTP resources are not explicitly set to be cached. Back/Forward Cache Testing Tool. Large preview ).

Cache 91

Cache Games Performance Website 91

Smashing Magazine

MARCH 2, 2021

Lighthouse CI is quite remarkable: a suite of tools to continuously run, save, retrieve, and assert against Lighthouse results. One thing is certain though: your websites will rank better if they are better optimized for mobile, both in terms of speed and mobile-friendliness — it goes for accessibility as well. Large preview ).

Mobile 133

Mobile Testing Website Benchmarking 133

Smashing Magazine

OCTOBER 18, 2021

We use Lighthouse and WebPagetest as our synthetic testing tools for performance to measure CLS. At first, we decided to run some tests using synthetic testing tools. Therefore having a low CLS value for a page ensures there are no random layout shifts causing user frustration. 004 which is quite low.

Website 105

Website Google Metrics Testing Tools 105

Smashing Magazine

JANUARY 11, 2021

Have we optimized enough with tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, progressive hydration, clients hints, HTTP/3, service workers and — oh my — edge workers? Note : If you use Page Speed Insights or Page Speed Insights API (no, it isn’t deprecated!),

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 7, 2019

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? Start Render time, Speed Index ). Rendering metrics provide an estimate of how fast content renders (e.g.

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

JANUARY 6, 2020

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? It’s much easier to reach performance goals when the code base is fresh or is just being refactored.

Performance 145

Performance Cache Network Metrics 145