I recently saw Service Workers, which can cache website static and dynamic resources for users based on configuration: intercept all network requests from users, and decide whether to obtain the corresponding resources from the cache or the network based on the cache configuration, which can greatly improve the loading speed of web pages. The advantages include high customizability, no need for server support, and remarkable effects.
The final effect is that when you visit my website for the second time, only about 80k resources will be loaded (excluding AdSense), which includes all images, audio and video. These 80k are mainly HTML and the API of DPlayer that I use.
It can even be accessed when disconnected from the Internet (try cutting the network cable):
Only HTTPS is supported because users’ network requests can be intercepted and need to be in a secure environment.
The compatibility is not very good, click to view the compatibility report, currently only supported by Chrome Firefox Opera and some Android browsers.
There are many tutorials on how to use them online, so I won’t go into details here. I recommend these ones:
Use service worker+sw-precache to achieve website acceleration
Use Service worker to accelerate/offline access static blog website