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
320

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
190
Fast Angular Apps from End to End
Avatar for Minko Gechev mgechev
1
190
The State of Angular
Avatar for Minko Gechev mgechev
1
200
The State of Angular
Avatar for Minko Gechev mgechev
1
370
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
210
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
20250808_AIAgent勉強会_ClaudeCodeデータ分析の実運用〜競馬を題材に回収率100%の先を目指すメソッドとは〜
Avatar for Kakeru Sato kkakeru
0
200
令和最新版手のひらコンピュータ
Avatar for KOBA789 koba789
14
8k
Terraform やるなら公式スタイルガイドを読もう 〜重要項目 10選〜
Avatar for hiyanger hiyanger
13
3.2k
kiroでゲームを作ってみた
Avatar for 入井 啓太 iriikeita
0
180
The State of Fluid (2025)
Avatar for Simon Praetorius s2b
0
190
State of CSS 2025
Avatar for Benjamin Kott benjaminkott
1
120
Vibe coding コードレビュー
Avatar for kinopee kinopeee
0
460
A Gopher's Guide to Vibe Coding
Avatar for Daniela Petruzalek danicat
0
170
サイトを作ったらNFCタグキーホルダーを爆速で作れ！
Avatar for Yuuki Shimizu yuukis
0
460
あなたとJIT, 今すぐアセンブ ル
Avatar for monochrome sisshiki1969
1
720
Introduction to Git & GitHub
Avatar for Latte72 latte72
0
120
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
Avatar for ivargrimstad ivargrimstad
0
180

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
183
54k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
87
4.8k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
110
20k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
65k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
512
110k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k

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