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
210
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
110
Fast Angular Apps from End to End
mgechev
0
130
The State of Angular
mgechev
1
160
The State of Angular
mgechev
1
260
Software Engineering as a Superpower
mgechev
1
140
Introduction to Angular
mgechev
1
130
Internals of the Angular CLI
mgechev
2
1.2k
The State of Angular
mgechev
1
140
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
2.8k
Other Decks in Programming
See All in Programming
LangChainでWebサイトの内容取得やGitHubソースコード取得
shukob
0
160
Android開発以外のAndroid開発経験の活かしどころ
konifar
2
1.1k
Hermes: Better Performance with Bytecode Translation (React Universe 2024)
tmikov2023
0
100
はじめてみよう量子プログラミング
itokoichi01
0
220
Crafting Cross-Platform Adventures: Building a Game Engine with Kotlin Multiplatform
dwursteisen
0
210
あなたのアプリ、ログはでてますか?あるいはログをだしてますか? (Funabashi.dev用 軽量版)
uzulla
2
130
What is Parser
yui_knk
9
4.2k
Go1.23で入った errorsパッケージの小さなアプデ
kuro_kurorrr
2
400
KSPの導入・移行を前向きに検討しよう!
shxun6934
PRO
0
290
実践!難読化ガイド
mitchan
0
250
GraphQLとGigaViewer for Apps
numeroanddev
2
170
GenU導入でCDKに初挑戦し、悪戦苦闘した話
hideg
0
170
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
278
13k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
19k
Automating Front-end Workflow
addyosmani
1365
200k
We Have a Design System, Now What?
morganepeng
48
7.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.6k
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
158
15k
The Mythical Team-Month
searls
218
43k
How STYLIGHT went responsive
nonsquared
93
5.1k
Raft: Consensus for Rubyists
vanstee
136
6.5k
Gamification - CAS2011
davidbonilla
79
5k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
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