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 ). This is not a debate about dynamic vs. static. You need both.

Cache 135

Cache Best Practices Strategy Servers 135

Smashing Magazine

OCTOBER 2, 2023

Definitely read up on the strategy and reasoning behind this stack in the first article if you missed it. Meet Smashing Workshops on front-end, design & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. We used an eager loading strategy paired with a high fetchpriority on the images.

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

MARCH 19, 2021

Gael Metais suggested to more aggressively subset web fonts and look into caching issues with our AVIF files. If a browser doesn’t support AVIF, it gets a JPEG file (properly cached), The content negotiation happens via <picture> + srcset in the browser. New Online Workshops on Smashing. March 30–31. UX, Design.

Mobile 140

Mobile Design Cache Code 140

Smashing Magazine

SEPTEMBER 2, 2021

Flexbox Defense is a play on the ‘tower defense’ strategy game genre that teaches you flexbox through 12 challenges where you have to use flexbox syntax to stop incoming enemies from getting past your defenses. Jump to online workshops ?. Image source: Flexbox Zombies ). Flexbox Defense. Image source: Flexbox Defense ).

Development 145

Development Games Education Programming 145

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

JUNE 2, 2021

And while you can usually cache the full page of an article, the same is not true of many shop pages and elements. Some are user-specific, like the shopping cart in the header or the wish list, and due to the personal nature of the data, they should never be cached. Jump to online workshops ?. Practical Things We Did.

Performance 115

Performance Cache Website Mobile 115

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 108

Media Performance Cache Strategy 108