Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Predictive Prefetching for the Web
Search
Minko Gechev
November 11, 2019
Programming
0
310
Predictive Prefetching for the Web
Minko Gechev
November 11, 2019
Tweet
Share
More Decks by Minko Gechev
See All by Minko Gechev
Change the World With Open Source Software
mgechev
0
180
Fast Angular Apps from End to End
mgechev
1
180
The State of Angular
mgechev
1
190
The State of Angular
mgechev
1
360
Software Engineering as a Superpower
mgechev
1
190
Introduction to Angular
mgechev
1
190
Internals of the Angular CLI
mgechev
2
1.3k
The State of Angular
mgechev
1
200
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
2.9k
Other Decks in Programming
See All in Programming
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
sutochin26
0
2.6k
PipeCDのプラグイン化で目指すところ
warashi
1
250
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
890
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
610
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
180
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
160
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
490
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.9k
ふつうの技術スタックでアート作品を作ってみる
akira888
0
400
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
150
datadog dash 2025 LLM observability for reliability and stability
ivry_presentationmaterials
0
440
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
470
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Agile that works and the tools we love
rasmusluckow
329
21k
Faster Mobile Websites
deanohume
307
31k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
GraphQLとの向き合い方2022年版
quramy
49
14k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
125
52k
The Cult of Friendly URLs
andyhume
79
6.5k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Code Review Best Practice
trishagee
69
18k
The Invisible Side of Design
smashingmag
301
51k
Transcript
None
Minko Gechev @mgechev Predictive Prefetching for the Web for better
user experience
None
None
None
None
Prefetching for speeding up navigation faster Web and fewer rage
clicks
⚡ Prefetching Navigation
Prefetching strategies • Prefetch all • Visible links • On
mouse over • Predictive prefetching
Web app with instant transitions Application usage report Data analytics/ML
model How predictive prefetching works
None
None
github.com/guess-js
None
Naveed Ahmed
Search and Find Latest Jobs in Pakistan mustakbil.com
Search and Find Latest Jobs in Pakistan mustakbil.com
None
Prefetching data consumption one user at the home page 2.56MB
Prefetch all modules 100% 1.22MB Prefetch visibile links 48% 0.18MB Predictive prefetching 7%
90% for users on fast 3G prefetching accuracy >
Additional optimizations implemented by Guess.js Adapts to the connection speed
Prefetches by likelihood Calculates likelihood at build time Does not block the main thread
Using Guess.js
Predictive Prefetching for the Web Speeds up page navigation Increases
user satisfaction Support for popular frameworks Reduces data usage
web.dev/link-prefetch web.dev/predictive-prefetching
Thank you! Minko Gechev @mgechev