Cache me if you can 🏃! A Guide to keep your cache fresh as a daisy with stale-while-revalidate

Today, we are going to talk about an additional tool to help you maintain a fine balance between instancy and freshness when delivering data to your web applications.

RFC5861 states two independent Cache-Control extensions that allow for the cache to respond to a request with the most up-to-date response held.

1. The stale-if-error HTTP Cache-Control extension allows a cache to return a stale response when an error such as Internal Server Error is encountered, rather than returning a hard error. This improves availability.

2. The stale-while-revalidate HTTP Cache-Control extension allows a cache to immediately return a stale response while it revalidates it in the background, thereby hiding latency (both in the network and on the server) from clients

In this blog, we will be talking more about the stale-while-revalidate HTTP header. The basic idea of this header is to reduce the latency of serving cached content by your web browser to your application and have a refresh mechanism via which the browser itself updates its cache.


Cache-Control - How to Properly Configure It - KeyCDN Support

A stale-while-revalidate is used inside a cache-control header along with max-age.
For example, if a server response for content include - 
Cache-Control: max-age=60, stale-while-revalidate=10

would mean that if any request to the same endpoint is made within the next 60 seconds, the browser will serve the cached content with no further actions. But if any request is made anywhere between 60 to 70 seconds after the initial response, the browsers will not only serve the cached content but also at the same time in the background will fire a revalidation request to the server to update the content of its cache. 

The further request will follow whatever Cache-Control header is returned during the revalidation request.  



Usage:

As of 2021, all modern browsers do not support the HTTP implementation of stale-while-revalidate. But the good news is similar implementations are available using service workers, and in case you really do not want to deal with service workers, then there are popular libraries such as swr which implements something along these lines. 

Comments

Post a Comment

Popular posts from this blog

Web Development - Let's get started!

Image
Hello there, Thanks for joining me on my blog, and today I will be sharing the ultimate way to start Web Development with tweaks that I have learned from my experience. Well, it is going to be a rather long journey to cover the whole of Web Development so what I am thinking to do is splitting the whole post into logically divided small meaningful posts. So, right now you are reading the first part of my Web Development- Getting Started article. Well, without further adieu,  let's get started! In today's world, the Web resembles to be a place where we all live a virtual life. Ranging from social utilities like Facebook, Twitter to workplace web apps like Github, and Google Business, we experience a virtual touch every day. Well if we are surfing around a place for a while, visiting awesome stores (Amazon), and socializing in there with people we haven't met physically, then it is not a bad idea to buy a place there to live in. Well, most of you got what I am talking...
Read more

How does URL work?

Image
Have you ever considered know how typing www.google.com on the very address bar of your browser land you to a page like this or ever stumbled upon to think what are those characters which make up a full length URL! If yes, then you are in the right place😉 While some of the URL or Uniform Resource Locator is simple like google.com or india.gov.in other full-length URLs might be a bit confusing, especially when it contains words like https, &, #, = et cetera. In this post I will show you what are the ingredients of an URL starting with the scheme itself, that is the word http://. The word HTTP stands for Hyper Text Transmission Protocol. It can be thought of as a protocol or sets of commands which are followed for transmission of web-pages. As a matter of fact, in this vast Internet, there are a lot of schemes like HTTP present. Some other protocols include FTP or File Transfer Protocol which asits obvious name suggest is used for transferring files from one machine on t...
Read more

Slate - An afforable way to create websites which doesn't require a domain or hosting!

Image
Yes! you have heard it right. Last few days I was wondering how JavaScript Frameworks like Angular and React handle routing. After a brief study on the topic from sites like StackOverflow , I got a brief idea of how I could be able to read the U.R.L. parameters with the help of JavaScript. After which it was just a matter of time I came up with Slate. Introduction Slate lets you create amazing self-contained sites. It  takes HTML (or other data), compresses it into a URL fragment, and provides a link that can be shared. When it is opened, it renders that data on the receiver’s side. Features Slate Notes are contained entirely within their own link. This means they're...  💼 Portable - you don't need a server to host them  👁 Private - nothing is sent to–or stored on–this server  🎁 Easy to share as a link or QR code  Slate Notes can hold about as much as a printed page, and there is a lot you can do with that:  ✒️ Compose poetry...
Read more