Predictive Prefetching
summary
Concrete claim: predictive prefetching uses Google Analytics navigation data to build a probability matrix and inject prefetch links at build time and via serverless endpoints. Implementation uses 11ty, Netlify, a simple threshold (50%) and an example where 4 of 6 transitions yield ~66% certainty. The demo shows the prefetch request in the network tab, and tools referenced include GuessJS and standard DNS prefetch / link prefetch / prerender tradeoffs; cost, bandwidth and GDPR risks are quantified.
AI-written summary · about
chapters (16)
- 0:00Intro
- 0:27About Divya
- 3:27TCP TLS
- 5:51TCP Prefetching
- 6:34DNS Prefetch
- 9:34How to Prefetch
- 12:19Predictive Prefetching
- 14:30Transition Matrix
- 16:22Navigation Summary
- 22:05Predictive Build Automation
- 27:49GuestJS
- 28:49Weather
- 30:39Google Analytics
- 33:24Serverless
- 34:29Threshold
- 36:29Questions
related talks
34mPredictive preloads for ultimate web performance?
27mpreconnect, prefetch, preload, pre what? An intro to Resource Hints
46mSpeculations about Web Performance
12mHow to speed up Largest Contentful Paint (LCP) with cross-site prefetching
14mMaking the Web Instant
47mMore Than You Wanted to Know About Resource Hints
21mPreload Strategies: Step in Time, Step in Time!
52m“More Than You Ever Wanted to Know About Resource Hints”