Remove 2021 Remove Best Practices Remove Cache Remove Network
article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

Front-End Performance Checklist 2021. Front-End Performance Checklist 2021. 2021-01-11T15:30:13+00:00. 2021-01-11T16:06:07+00:00. Networking, HTTP/2, HTTP/3 OCSP stapling, EV/DV certificates, packaging, IPv6, QUIC, HTTP/3. Vitaly Friedman. 300ms RTT, 1.6 Mbps down, 0.8 Mbps up) with a throttled CPU (5× slowdown).

article thumbnail

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

Smashing Magazine

2021-11-08T14:30:00+00:00. 2021-11-08T19:34:34+00:00. On top of this foundation, we add layers of caching, prerendering and edge delivery optimizations — not the other way around. Hydrogen fuels dynamic commerce by uniting React Server Components, streaming server-side rendering, and smart caching controls.

Cache 136
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

Three Front-End Auditing Tools I Discovered Recently

Smashing Magazine

2021-06-10T11:15:00+00:00. 2021-06-10T12:51:06+00:00. Are all the caching headers set correctly? Does the site load all the resources in the best order to guarantee a fast first paint? Note : If you’re looking for a complete overview of best practices and tools, have a look at the Frontend performance checklist.

Cache 106
article thumbnail

From AVIF to WebP: A New Smashing Book By Addy Osmani

Smashing Magazine

2021-06-08T12:00:00+00:00. 2021-06-08T14:53:55+00:00. Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading.

Media 106
article thumbnail

Meet Image Optimization, A New Smashing Book By Addy Osmani

Smashing Magazine

2021-04-28T13:20:00+00:00. 2021-04-28T14:35:12+00:00. Image optimization , loading behavior and rendering in the browser require understanding of image formats and image compression techniques, image decoding and browser rendering, image CDNs and adaptive media loading, not to mention effective caching and preloading.

Media 93
article thumbnail

Fixing a slow site iteratively

CSS - Tricks

It’s is a Google service that audit things performance, accessibility, SEO, and best practices. Using a network request inspector, I’m going to see if there’s anything we can remove via the Network panel in DevTools. In DevTools, the Network inspector helps us see what the first webpage is doing too.

Cache 92
article thumbnail

HTTP/3: Practical Deployment Options (Part 3)

Smashing Magazine

HTTP/3: Practical Deployment Options (Part 3). HTTP/3: Practical Deployment Options (Part 3). 2021-09-06T11:00:00+00:00. 2021-09-06T12:37:13+00:00. 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)). Robin Marx.

Network 105