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
150
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
83
Fast Angular Apps from End to End
mgechev
0
110
The State of Angular
mgechev
1
160
The State of Angular
mgechev
1
210
Software Engineering as a Superpower
mgechev
1
110
Introduction to Angular
mgechev
1
120
Internals of the Angular CLI
mgechev
2
1.1k
The State of Angular
mgechev
1
130
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
2.7k
Other Decks in Programming
See All in Programming
ISUCONってなんだか難しそう……!!でも、初めてのISUCONにPHPで挑戦してきました!
kotomin_m
1
300
マイ隙間家具OSSたちのご紹介
karupanerura
2
150
App Router への移行は「改善」となり得るのか?/ Can migration to App Router be an improvement
takefumiyoshii
1
110
せっかくモデル図描くのなら、嬉しいことが多い方がいいよね!
kuboaki
1
1.2k
Cloud RunとCloud PubSubでサーバレスなデータ基盤2024 with Terraform / Cloud Run and PubSub with Terraform
shinyorke
7
1.9k
ONE WEDGE_Company_Information
1wedge
0
160
上手な探索的テストとその上達方法について
matsu802
4
650
The Future of C++ Interoperability: Insights from Porting a Game to Swift
teamhimeh
0
260
Learning PHP and Static Analysis with PHP Parser
inouehi
1
250
TDDと今まで
kanayannet
0
140
WasmOS: Wasmを実行する自作Microkernel
riru
0
370
LPIXEL×CADDi_kaerururu
kaerururu
3
300
Featured
See All Featured
A Philosophy of Restraint
colly
195
15k
Code Reviewing Like a Champion
maltzj
512
39k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
113
18k
Building Flexible Design Systems
yeseniaperezcruz
317
37k
JazzCon 2018 Closing Keynote - Leadership for the Reluctant Leader
reverentgeek
178
11k
The Cost Of JavaScript in 2023
addyosmani
13
3.7k
Principles of Awesome APIs and How to Build Them.
keavy
119
16k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
12k
We Have a Design System, Now What?
morganepeng
42
6.7k
[RailsConf 2023] Rails as a piece of cake
palkan
21
3.8k
A designer walks into a library…
pauljervisheath
199
23k
Into the Great Unknown - MozCon
thekraken
10
830
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