Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Predictive Prefetching for the Web

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

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
210
Fast Angular Apps from End to End
Avatar for Minko Gechev mgechev
1
210
The State of Angular
Avatar for Minko Gechev mgechev
1
210
The State of Angular
Avatar for Minko Gechev mgechev
1
400
Software Engineering as a Superpower
Avatar for Minko Gechev mgechev
1
220
Introduction to Angular
Avatar for Minko Gechev mgechev
1
230
Internals of the Angular CLI
Avatar for Minko Gechev mgechev
2
1.4k
The State of Angular
Avatar for Minko Gechev mgechev
1
230
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
ZOZOにおけるAI活用の現在 ~モバイルアプリ開発でのAI活用状況と事例~
Avatar for ZOZO Developers zozotech
PRO
8
5.1k
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
110
Microservices Platforms: When Team Topologies Meets Microservices Patterns
Avatar for Chris Richardson cer
PRO
1
960
ローターアクトEクラブ アメリカンナイト：川端 柚菜 氏（Japan O.K. ローターアクトEクラブ 会長）:2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
Avatar for 2720 Japan O.K. ロータリーEクラブ 2720japanoke
0
710
全員アーキテクトで挑む、 巨大で高密度なドメインの紐解き方
Avatar for Agata Naomichi agatan
8
19k
NUMA環境とコンテナランタイム ― youki における Linux Memory Policy 実装
Avatar for n4mlz n4mlz
1
200
手軽に積ん読を増やすには？/読みたい本と付き合うには？
Avatar for hideki kinjyo o0h
PRO
1
160
非同期処理の迷宮を抜ける: 初学者がつまづく構造的な原因
Avatar for PADAone pd1xx
1
670
Navigation 3: 적응형 UI를 위한 앱 탐색
Avatar for Sungyong An fornewid
1
190
CSC305 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
300
モデル駆動設計をやってみよう ワークショップ開催報告(Modeling Forum2025) / model driven design workshop report
Avatar for haru860 haru860
0
230
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
Avatar for Shogo Fukami shogo4131
8
2.1k

Featured

See All Featured
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
970
Fireside Chat
Avatar for paigeccino paigeccino
41
3.7k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Navigating Team Friction
Avatar for Lara Hogan lara
191
16k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.8k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
76
5.2k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.1k

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