Preload, prefetch and other link tags: what they do and when to use them · PerfPerfPerf
Following on from Harry’s slides, here’s another round-up of thoserel attribute values that begin with pre.
Link tags: fetch
11
More Than You Ever Wanted to Know About Resource Hints - Speaker Deck
Slides from Harry’s deep dive into rel values: preconnect, prefetch, and preload.
A declarative router for service workers - JakeArchibald.com
An interesting proposal from Jake on a different way of defining how service worker fetch events could be handled under various conditions. For now, I have no particular opinion on it. I’m going to let this stew in my mind for a while.
GitHub - GoogleChromeLabs/quicklink: ⚡️Faster subsequent page-loads by prefetching in-viewport links during idle time
This looks like a very handle little performance-enhancing script: it attempts to prefetch some links, but in a responsible way. It won’t do any prefetching on slow connections or where data saving is enabled, and it only prefetches when the browser is idle.
Introducing Background Fetch | Web | Google Developers
I’m going to have to read through this article by Jake a few times before I begin to wrap my head around this background fetch thing, but it looks like it would be perfect for something like the dConstruct Audio Archive, where fairly large files can be saved for offline listening.
Cancelling Requests with Abortable Fetch
This is a really good use-case for cancelling fetch requests: making API calls while autocompleting in search.
Reliable Experiences - PWA Roadshow - YouTube
A good hands-on introduction to service workers from Mariko.