Remove Cache Remove Network Remove Strategy Remove Workshop
article thumbnail

Meet Hydrogen: A React Framework For Dynamic, Contextual And Personalized E-Commerce

Smashing Magazine

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
article thumbnail

Refactoring CSS: Optimizing Size And Performance (Part 3)

Smashing Magazine

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
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

WaterBear: Building A Free Platform For Impactful Documentaries (Part 2)

Smashing Magazine

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
article thumbnail

How We Improved SmashingMag Performance

Smashing Magazine

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.

article thumbnail

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

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.

article thumbnail

HTTP/3: Practical Deployment Options (Part 3)

Smashing Magazine

Next, we’ll look at how to set up servers and clients (that’s the hard part unless you’re using a content delivery network (CDN)). Using just a few (but still more than one), however, could nicely balance congestion growth with better performance, especially on high-speed networks. Servers and Networks.

Network 105