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

Predictive Prefetching for the Web

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Minko Gechev Minko Gechev
November 11, 2019
Programming
390
0

Predictive Prefetching for the Web

Avatar for Minko Gechev

Minko Gechev

November 11, 2019

More Decks by Minko Gechev

See All by Minko Gechev
Change the World With Open Source Software
Avatar for Minko Gechev mgechev
0
240
Fast Angular Apps from End to End
Avatar for Minko Gechev mgechev
1
250
The State of Angular
Avatar for Minko Gechev mgechev
1
220
The State of Angular
Avatar for Minko Gechev mgechev
1
440
Software Engineering as a Superpower
Avatar for Minko Gechev mgechev
1
250
Introduction to Angular
Avatar for Minko Gechev mgechev
1
270
Internals of the Angular CLI
Avatar for Minko Gechev mgechev
2
1.5k
The State of Angular
Avatar for Minko Gechev mgechev
1
260
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
Avatar for Minko Gechev mgechev
2
3k

Other Decks in Programming

See All in Programming
脱 雰囲気実装！ AgentCoreを良い感じに WEBアプリケーションに組み込むために
Avatar for Takuya Yonezawa takuyay0ne
3
440
Going Multiplatform with Your Android App (Android Makers 2026)
Avatar for Márton Braun zsmb
2
350
iOS機能開発のAI環境と起きた変化
Avatar for Ryu-nakayama ryunakayama
0
170
実践CRDT
Avatar for tamadeveloper tamadeveloper
0
400
「効かない！」依存性注入（DI）を活用したAPI Platformのエラーハンドリング奮闘記
Avatar for Maki Hayashi mkmk884
0
310
Radical Imagining - LIFT 2025-2027 Policy Agenda
Avatar for LIFT lift1998
0
250
実践ハーネスエンジニアリング #MOSHTech
Avatar for Takuma Kajikawa kajitack
7
6k
年間50登壇、単著出版、雑誌寄稿、Podcast出演、YouTube、CM、カンファレンス主催……全部やってみたので面白さ等を比較してみよう / I’ve tried them all, so let’s compare how interesting they are.
Avatar for nrs nrslib
4
720
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
Avatar for shogogg shogogg
2
840
AIエージェントで業務改善してみた
Avatar for takumi taku271
0
500
「話せることがない」を乗り越える 〜日常業務から登壇テーマをつくる思考法〜
Avatar for ShoheiMitani shoheimitani
2
220
生成 AI 時代のスナップショットテストってやつを見せてあげますよ（α版）
Avatar for ojun ojun9
0
340

Featured

See All Featured
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.2k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
800
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
170
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
930
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
570
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
6.5k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
890
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.4k

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