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
170
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
88
Fast Angular Apps from End to End
mgechev
0
120
The State of Angular
mgechev
1
160
The State of Angular
mgechev
1
230
Software Engineering as a Superpower
mgechev
1
120
Introduction to Angular
mgechev
1
130
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
勉強会4_アップデートされたAssistantsAPIを試す
milky04
0
1.5k
The Hotwire Landscape After Turbo 8 @ Helvetic Ruby 2024, Zurich
marcoroth
0
120
Criando a Woovi em uma semana
daniloab
0
120
It’s about time to pack Ruby and Ruby scripts in one binary
ahogappa0613
0
120
otelcol receiver 自作RTA / Pepabo Tech Conference #22 春のSREまつり
arthur1
0
1.1k
RailsConf 2024: Riffing on Rails: sketch your way to better designed code
kaspth
1
220
JavaScript Closure
asoluka
0
2k
ソースコードを美しくたもつために ~コードレビューの認知限界を突破し、年間400リリースを達成する~
kotauchisunsun
1
8.9k
Escolhendo (ou não) o melhor ORM para o seu projeto
andreiacsilva
1
180
Hi, have you met Kotlin Multiplatform? | Kotlin User Group Berlin
prof18
0
100
そのコード、書いたらいくら?消したらいくら?
urban_side
0
120
Improved REXML XML parsing performance using StringScanner
naitoh
0
120
Featured
See All Featured
Code Review Best Practice
trishagee
56
15k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
8
3.5k
Building Adaptive Systems
keathley
32
1.9k
The World Runs on Bad Software
bkeepers
PRO
61
6.8k
In The Pink: A Labor of Love
frogandcode
138
21k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.7k
Designing on Purpose - Digital PM Summit 2013
jponch
111
6.5k
How to train your dragon (web standard)
notwaldorf
76
5.2k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Building Effective Engineering Teams - LeadDev
addyosmani
33
1.9k
Embracing the Ebb and Flow
colly
80
4.2k
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