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
310
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
180
Fast Angular Apps from End to End
mgechev
1
180
The State of Angular
mgechev
1
190
The State of Angular
mgechev
1
360
Software Engineering as a Superpower
mgechev
1
190
Introduction to Angular
mgechev
1
200
Internals of the Angular CLI
mgechev
2
1.3k
The State of Angular
mgechev
1
200
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
2.9k
Other Decks in Programming
See All in Programming
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
130
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
sutochin26
1
5.6k
XP, Testing and ninja testing
m_seki
3
240
Deep Dive into ~/.claude/projects
hiragram
14
2.5k
A2A プロトコルを試してみる
azukiazusa1
2
1.4k
AIともっと楽するE2Eテスト
myohei
6
2.6k
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
250
Quand Symfony, ApiPlatform, OpenAI et LangChain s'allient pour exploiter vos PDF : de la théorie à la production…
ahmedbhs123
0
190
ふつうの技術スタックでアート作品を作ってみる
akira888
1
840
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
5
1.1k
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
130
ニーリーにおけるプロダクトエンジニア
nealle
0
830
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
BBQ
matthewcrist
89
9.7k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Thoughts on Productivity
jonyablonski
69
4.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Typedesign – Prime Four
hannesfritz
42
2.7k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Building Applications with DynamoDB
mza
95
6.5k
Making Projects Easy
brettharned
116
6.3k
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