Smashing Magazine

JUNE 8, 2021

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. Optimizing Network Requests with Caching and Preloading. +.

Media 124

Media Cache Google Best Practices 124

Smashing Magazine

MARCH 6, 2025

So, to improve the TTFB, we need to speed up that process or cache the HTML so we can skip the HTML generation entirely. CrUX data is superficial, only reported for high-traffic pages , and takes at least 4 weeks to fully update after a change has been rolled out. Resource Load Delay The resource we want to load is the LCP image.

Website 59

Website Google Speed Metrics 59

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. Note that there is an Apache Traffic Server implementation, though.). This is true, but only to a relatively limited extent.

Network 120

Network Servers Cache Traffic 120

Smashing Magazine

JULY 29, 2019

MB , that suggests I’ve got around 29 pages in my budget, although probably a few more than that if I’m able to stay on the same sites and leverage browser caching. There’s a trade-off to be made here, as external stylesheets can be cached but inline ones cannot (unless you get clever with JavaScript ). Let’s talk about caching.

Cache 99

Cache Mobile Google Network 99

Smashing Magazine

JUNE 25, 2020

Today, we’ll address storing and serving files for both single-server and scalable deployments while considering factors like compression, caching, and availability. This strategy is very simple and closely resembles the development environment, but cannot handle large or inconsistent amounts of traffic effectively. In Conclusion.

Media 77

Media Cache Storage AWS 77

Smashing Magazine

APRIL 28, 2021

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. Optimizing Network Requests with Caching and Preloading. +.

Media 105

Media Cache Google Best Practices 105

Smashing Magazine

OCTOBER 31, 2023

Barry Pollard, a web performance developer advocate for Chrome, wrote an excellent primer on the CrUX Report for Smashing Magazine. Google also doesn’t report CrUX data for some high-traffic pages because the visitors may not be logged in to their Google profile. From an SEO standpoint, the 28-day Google CrUX data is the gold standard.

Speed 117

Speed Google Website Metrics 117

Smashing Magazine

JUNE 1, 2022

They can also highlight very long redirection chains in your third-party traffic. You can adjust what browser is used, the kind of network connection to employ, the locations to test from, whether or not the browser’s cache is empty or full, how frequently to take the measurements, and more.

Website 138

Website Design Network Testing 138

Smashing Magazine

AUGUST 9, 2021

However, many other devices are sitting between the client and the server that also have their own TCP code on board (examples include firewalls, load balancers, routers, caching servers, proxies, etc.). For example, if the device is a firewall, it might be configured to block all traffic containing (unknown) extensions.

Transportation 145

Transportation Internet Internet Network 145

Smashing Magazine

SEPTEMBER 24, 2021

That was until we went to production with our highest traffic customer. To mitigate the performance issues, we had to add a lot of (unbudgeted) extra servers and had to aggressively cache pages on a reverse proxy. From the moment we went live, we experienced performance issues. Core Web Vitals are important, even more so in e-commerce.

Website 132

Website Code Servers Analytics 132

Smashing Magazine

MARCH 6, 2025

So, to improve the TTFB, we need to speed up that process or cache the HTML so we can skip the HTML generation entirely. CrUX data is superficial, only reported for high-traffic pages , and takes at least 4 weeks to fully update after a change has been rolled out. Resource Load Delay The resource we want to load is the LCP image.

Website 62

Website Google Speed Metrics 62

Smashing Magazine

APRIL 11, 2022

It’s common knowledge that better website performance results in more conversions, more traffic, and better user experience. We can use the preload attribute for the HTML link element to optimize loading performance by ensuring that the browser discovers the resource earlier, downloads it, and caches it.

Media 78

Media Tuning Metrics Google 78

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. The next day we subset the fonts and pushed them live.

Mobile 142

Mobile Design Cache Code 142

Smashing Magazine

AUGUST 30, 2021

Also, the management will be dissatisfied with the decreased traffic and revenue caused by the unoptimized codebase, despite the code quality improvements. This is exactly how Smashing Magazine handles its stylesheets. Caching Stylesheets. Caching static files is a useful optimization strategy.

Media 123

Media Performance Cache Strategy 123

Smashing Magazine

JANUARY 21, 2021

A big JavaScript bundle might seem out of place on a magazine that merely publishes articles, but actually, there is plenty of scripting happening behind the scenes. 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.

Performance 111

Performance Cache Mobile Network 111

Smashing Magazine

AUGUST 22, 2021

Some examples of the latter are heavily cached websites, as well as single-page apps that periodically fetch small updates via APIs and other protocols such as DNS-over-QUIC. Examples include repeat visits on well-cached pages and background downloads and API calls in single-page apps. also needs to execute.

Performance 109

Performance Network Latency Servers 109

Smashing Magazine

JANUARY 11, 2021

Build Optimizations JavaScript modules, module/nomodule pattern, tree-shaking, code-splitting, scope-hoisting, Webpack, differential serving, web worker, WebAssembly, JavaScript bundles, React, SPA, partial hydration, import on interaction, 3rd-parties, cache. This improves page load time and caching during navigations.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

For Mac OS, we can use Network Link Conditioner , for Windows Windows Traffic Shaper , for Linux netem , and for FreeBSD dummynet. PRPL stands for Pushing critical resource, Rendering initial route, Pre-caching remaining routes and Lazy-loading remaining routes on demand. Large preview ). Other options are available , too.

Performance 112

Performance Cache Servers Network 112

Smashing Magazine

JANUARY 7, 2019

For Mac OS, we can use Network Link Conditioner , for Windows Windows Traffic Shaper , for Linux netem , and for FreeBSD dummynet. PRPL stands for Pushing critical resource, Rendering initial route, Pre-caching remaining routes and Lazy-loading remaining routes on demand. Large preview ). Other options are available , too.

Performance 111

Performance Cache Network Metrics 111