Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Predictive Prefetching for the Web
Minko Gechev
November 11, 2019
Programming
0
45
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
29
Fast Angular Apps from End to End
mgechev
0
59
The State of Angular
mgechev
1
91
The State of Angular
mgechev
1
170
Software Engineering as a Superpower
mgechev
1
43
Introduction to Angular
mgechev
1
69
Internals of the Angular CLI
mgechev
2
810
The State of Angular
mgechev
1
88
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
2.4k
Other Decks in Programming
See All in Programming
Loom is Blooming
josepaumard
3
490
heyにおけるSREの大切さ~マルチプロダクト運用の「楽しさ」と「難しさ」および今後の展望~
fufuhu
3
1.2k
From Java 11 to 17 and beyond
josepaumard
0
280
あなたの会社の古いシステム、なんとかしませんか?~システム刷新から考えるDX化への道筋とバリエーション~/webinar20220420-grapecity
grapecity_dev
0
120
ゴーファーくんと学ぶGo言語の世界/golang-world-with-gopher
iwasiman
1
140
Kotlin KSP - Intro
taehwandev
0
390
Node.js 最新動向 TFCon 2022
yosuke_furukawa
PRO
5
2.4k
Jakarta EE 10 is Coming Your Way
ivargrimstad
0
1.6k
코드 품질 1% 올리기
pluu
0
770
iOSアプリの技術選択2022
tattn
3
1.4k
mrubyを1300円のボードで動かそう
yuuu
0
170
Micro Frontend Routing – Solutions for mature applications - iJS 04/2022
michaelzikes
0
150
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
14
34k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
103
16k
Creatively Recalculating Your Daily Design Routine
revolveconf
205
10k
A Modern Web Designer's Workflow
chriscoyier
689
180k
Rails Girls Zürich Keynote
gr2m
86
12k
Automating Front-end Workflow
addyosmani
1351
200k
A Tale of Four Properties
chriscoyier
149
20k
YesSQL, Process and Tooling at Scale
rocio
157
12k
Designing on Purpose - Digital PM Summit 2013
jponch
106
5.6k
Design by the Numbers
sachag
271
17k
Fantastic passwords and where to find them - at NoRuKo
philnash
25
1.4k
The Invisible Customer
myddelton
110
11k
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