Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Predictive Prefetching for the Web

Avatar for Minko Gechev Minko Gechev
November 11, 2019
Programming
0
330

Predictive Prefetching for the Web

Avatar for Minko Gechev

Minko Gechev

November 11, 2019
Tweet

More Decks by Minko Gechev

See All by Minko Gechev
Change the World With Open Source Software
Avatar for Minko Gechev mgechev
0
200
Fast Angular Apps from End to End
Avatar for Minko Gechev mgechev
1
200
The State of Angular
Avatar for Minko Gechev mgechev
1
200
The State of Angular
Avatar for Minko Gechev mgechev
1
380
Software Engineering as a Superpower
Avatar for Minko Gechev mgechev
1
200
Introduction to Angular
Avatar for Minko Gechev mgechev
1
210
Internals of the Angular CLI
Avatar for Minko Gechev mgechev
2
1.3k
The State of Angular
Avatar for Minko Gechev mgechev
1
220
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
Avatar for Minko Gechev mgechev
2
2.9k

Other Decks in Programming

See All in Programming
ABEMAモバイルアプリが
Kotlin Multiplatformと歩んだ5年 ─ 導入と運用、成功と課題 / iOSDC 2025
Avatar for Akio Yasui akkyie
0
320
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない？
Avatar for yimajo yimajo
2
340
iOS 17で追加されたSubscriptionStoreView を利用して5分でサブスク実装チャレンジ
Avatar for Atsuya Sato natmark
0
590
AIエージェント時代における TypeScriptスキーマ駆動開発の新たな役割
Avatar for おおいし bicstone
4
1.5k
monorepo の Go テストをはやくした〜い！~最小の依存解決への道のり~ / faster-testing-of-monorepos
Avatar for convto convto
2
390
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
130
(Extension DC 2025) Actor境界を越える技術
Avatar for Himeshi teamhimeh
1
220
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
Avatar for Takeru Hayasaka takehaya
7
1.6k
CSC509 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
240
プログラマのための作曲入門
Avatar for CHEEBOW cheebow
0
540
iOSエンジニア向けの英語学習アプリを作る！
Avatar for yukawashouhei yukawashouhei
0
180
タスクの特性や不確実性に応じた最適な作業スタイルの選択（ペアプロ・モブプロ・ソロプロ）と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
Avatar for yuki honyanya
3
140

Featured

See All Featured
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
188
55k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.1k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.9k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
4
680
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
25k

Transcript

  1. None

  2. Minko Gechev @mgechev Predictive Prefetching for the Web for better

    user experience
  3. None
  4. None
  5. None
  6. None

  7. Prefetching for speeding up navigation faster Web and fewer rage

    clicks

  8. ⚡ Prefetching Navigation

  9. Prefetching strategies • Prefetch all • Visible links • On

    mouse over • Predictive prefetching

  10. Web app with instant transitions Application usage report Data analytics/ML

    model How predictive prefetching works
  11. None
  12. None

  13. github.com/guess-js

  14. None

  15. Naveed Ahmed

  16. Search and Find Latest Jobs in Pakistan mustakbil.com

  17. Search and Find Latest Jobs in Pakistan mustakbil.com

  18. None

  19. 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%

  20. 90% for users on fast 3G prefetching accuracy >

  21. 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

  22. Using Guess.js

  23. Predictive Prefetching for the Web Speeds up page navigation Increases

    user satisfaction Support for popular frameworks Reduces data usage

  24. web.dev/link-prefetch web.dev/predictive-prefetching

  25. Thank you! Minko Gechev @mgechev