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.
Progressive Web Apps - ILT | Web | Google Developers
A step-by-step guide to building progressive web apps. It covers promises, service workers, fetch, and cache, but seeing as it’s from Google, it also pushes the app-shell model.
This is a handy resource but I strongly disagree with some of the advice in the section on architectures (the same bit that gets all swoonsome for app shells):
Start by forgetting everything you know about conventional web design, and instead imagine designing a native app.
Avoid overly “web-like” design.
What a horribly limiting vision for the web! After all that talk about being progressive and responsive, we’re told to pretend we’re imitating native apps on one device type.
What’s really disgusting is the way that the Chrome team are withholding the “add to home screen” prompt from anyone who dares to make progressive web apps that are actually, y’know …webby.
Cross-origin Service Workers: Experimenting with Foreign Fetch | Web Updates - Google Developers
This one is definitely for service worker nerds only. I’ve been trying to get my head around this idea of “foreign fetch” which allows third parties to install service workers—could be handy for sites with APIs like Huffduffer and The Session. This article does a good job of explaining the somewhat tangled process.
The Progress of Web Apps | Microsoft Edge Dev Blog
The roadmap for progressive web apps from Microsoft; not just their support plans, but also some ideas for distribution.
Speed up your site using prefetching by Jon Fox
More details on DNS prefetching, page prefetching and, controversial, page pre-rendering.