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
190
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
240
Software Engineering as a Superpower
mgechev
1
130
Introduction to Angular
mgechev
1
130
Internals of the Angular CLI
mgechev
2
1.1k
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
ドメイン駆動設計の実践
masuda220
PRO
17
5.1k
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
81k
AHC035解説
terryu16
0
710
Jetpack for KMP
fornewid
1
290
「2024年版 Kotlin サーバーサイドプログラミング実践開発」の補講 〜O/Rマッパー編〜
n_takehata
2
260
わかりやすい正解を捨てて、コトに向き合う - スクラムフェス金沢2024 スポンサーセッション
yusukekokubo
0
170
Namespace on read
tagomoris
2
370
さきがけから振り返るアーキテクチャ刷新 / Reflecting on the Architectural Renewal from the Vanguard
nrslib
2
770
英語
s_shimotori
1
220
SRE チーム立ち上げ前に考えたこと・取り組んだこと / Considerations and Preparations Before Establishing an SRE Team
mackey0225
3
320
CSC307 Lecture 09
javiergs
PRO
1
500
Exploring the Gradually Lost Technical Skills in the Cloud Native Era
hwchiu
2
3.9k
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
23
1.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
245
1.2M
Making the Leap to Tech Lead
cromwellryan
127
8.7k
How GitHub (no longer) Works
holman
305
140k
Producing Creativity
orderedlist
PRO
340
39k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.3k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Designing the Hi-DPI Web
ddemaree
276
34k
Ruby is Unlike a Banana
tanoku
96
10k
The Language of Interfaces
destraynor
151
23k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
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