Smashing Magazine

NOVEMBER 8, 2021

At the limit, statically generated, edge delivered, and HTML-first pages look like the optimal strategy. On top of this foundation, we add layers of caching, prerendering and edge delivery optimizations — not the other way around. Large preview ).

Cache 136

Cache Best Practices Strategy Servers 136

Smashing Magazine

AUGUST 30, 2021

In previous articles from this series, we’ve covered auditing CSS codebase health and the incremental CSS refactoring strategy , testing, and maintenance. In this article, we’re going to cover CSS optimization strategies that can optimize CSS file size, loading times, and render performance. Jump to online workshops ?.

Media 109

Media Performance Cache Strategy 109

Smashing Magazine

MARCH 19, 2021

The final prompt for a more aggressive optimization was the “Core Web Vitals” dashboard in the Google Search Console. We first thought that it could be related to the cookie banner adjustments we made recently, but it turned out it was a Google Search Update that seemed to be more aggressively penalizing us for a high CLS. UX, Design.

Mobile 140

Mobile Design Cache Code 140

Smashing Magazine

JUNE 2, 2021

Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. And while you can usually cache the full page of an article, the same is not true of many shop pages and elements. Additionally, page speed is a ranking factor for search and also for your Google Ads. Jennifer Brehm.

Performance 116

Performance Cache Website Mobile 116

Smashing Magazine

JANUARY 21, 2021

Plus a service worker that caches all static assets and serves them for repeat views, along with cached versions of articles that a reader has already visited. Throughout the workshop, I was diligently taking notes and revisiting the codebase. Once the workshop was over, we got to work. Identifying The Bottlenecks.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

SEPTEMBER 6, 2021

This approach was touted to be better for fine-grained caching because each subresource could be cached individually and the full bundle didn’t need to be redownloaded if one of them changed. mvfst (Facebook), MsQuic , (Microsoft), (Google), ngtcp2 , LSQUIC (Litespeed), picoquic , quicly (Fastly). Implementation.

Network 105

Network Servers Cache Traffic 105