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
330
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
200
Fast Angular Apps from End to End
mgechev
1
200
The State of Angular
mgechev
1
200
The State of Angular
mgechev
1
390
Software Engineering as a Superpower
mgechev
1
210
Introduction to Angular
mgechev
1
220
Internals of the Angular CLI
mgechev
2
1.4k
The State of Angular
mgechev
1
220
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
3k
Other Decks in Programming
See All in Programming
AI駆動で0→1をやって見えた光と伸びしろ
passion0102
1
870
Claude Agent SDK を使ってみよう
hyshu
0
1.4k
Reactive Thinking with Signals and the Resource API
manfredsteyer
PRO
0
120
モテるデスク環境
mozumasu
3
1.3k
はじめてのDSPy - 言語モデルを『プロンプト』ではなく『プログラミング』するための仕組み
masahiro_nishimi
4
16k
Introduce Hono CLI
yusukebe
6
3.1k
「ちょっと古いから」って避けてた技術書、今だからこそ読もう
mottyzzz
12
7.2k
alien-signals と自作 OSS で実現する フレームワーク非依存な ロジック共通化の探求 / Exploring Framework-Agnostic Logic Sharing with alien-signals and Custom OSS
aoseyuu
2
740
組込みだけじゃない!TinyGo で始める無料クラウド開発入門
otakakot
2
380
What Spring Developers Should Know About Jakarta EE
ivargrimstad
0
520
Six and a half ridiculous things to do with Quarkus
hollycummins
0
220
GC25 Recap: The Code You Reviewed is Not the Code You Built / #newt_gophercon_tour
mazrean
0
120
Featured
See All Featured
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
The Illustrated Children's Guide to Kubernetes
chrisshort
49
51k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
How to Think Like a Performance Engineer
csswizardry
27
2.1k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Speed Design
sergeychernyshev
32
1.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
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