Remove Cache Remove Document Remove Latency Remove Network
article thumbnail

The Three Cs: Concatenate, Compress, Cache

CSS Wizardry

Compressing them over the network: Which compression algorithm, if any, will we use? Caching them at the other end: How long should we cache files on a user’s device? Plotted on the same horizontal axis of 1.6s, the waterfalls speak for themselves: 201ms of cumulative latency; 109ms of cumulative download. It gets worse.

Cache 291
article thumbnail

Cache-Control for Civilians

CSS Wizardry

The best request is the one that never happens: in the fight for fast websites, avoiding the network is far better than hitting the network at all. To this end, having a solid caching strategy can make all the difference for your visitors. ?? How is your knowledge of caching and Cache-Control headers?

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

Seamlessly Swapping the API backend of the Netflix Android app

The Netflix TechBlog

This allows the app to query a list of “paths” in each HTTP request, and get specially formatted JSON (jsonGraph) that we use to cache the data and hydrate the UI. You can find a lot more details about how this works in the Spinnaker canaries documentation. This meant that data that was static (e.g.

Latency 233
article thumbnail

Rethinking Server-Timing As A Critical Monitoring Tool

Smashing Magazine

This allows resource requests, including the HTML document itself, to be enriched with data during its lifecycle, and that information can be inspected for measuring the attributes of that resource! This header can be set on the response of any network resource, such as XHR, fetch, images, HTML, stylesheets, etc. Setting Server-Timing.

Servers 92
article thumbnail

How We Optimized Performance To Serve A Global Audience

Smashing Magazine

You need to beware that slow server response times can significantly increase TTFB, often due to server overload, network issues, or un-optimized logic on the server side. You need to beware of large HTML files or slow network connections because they can lead to longer download times.

article thumbnail

Five Data-Loading Patterns To Improve Frontend Performance

Smashing Magazine

The resource loading waterfall is a cascade of files downloaded from the network server to the client to load your website from start to finish. It essentially describes the lifetime of each file you download to load your page from the network. You can see this by opening your browser and looking in the Networking tab.

Cache 125
article thumbnail

The Performance Inequality Gap, 2023

Alex Russell

TL;DR : To serve users at the 75 th percentile ( P75 ) of devices and networks, we can now afford ~150KiB of HTML/CSS/fonts and ~300-350KiB of JavaScript (gzipped). This is a slight improvement on last year's budgets , thanks to device and network improvements. Networks #. This is an ethical crisis for the frontend.