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

Predictive Prefetching for the Web

Minko Gechev
November 11, 2019
Programming
0
280

Predictive Prefetching for the Web

Minko Gechev

November 11, 2019
Tweet

More Decks by Minko Gechev

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

Other Decks in Programming

See All in Programming
Signal-Based Data Fetching With the New httpResource
manfredsteyer
PRO
0
160
SQL Server ベクトル検索
odashinsuke
0
160
Django for Data Science (Boston Python Meetup, March 2025)
wsvincent
0
320
Memory API : Patterns, Performance et Cas d'Utilisation
josepaumard
0
100
Going Structural with Named Tuples
bishabosha
0
200
フロントエンドテストの育て方
quramy
11
2.9k
Enterprise Web App. Development (1): Build Tool Training Ver. 5
knakagawa
1
110
Deoptimization: How YJIT Speeds Up Ruby by Slowing Down / RubyKaigi 2025
k0kubun
0
470
マルチアカウント環境での、そこまでがんばらない RI/SP 運用設計
wa6sn
0
710
技術選定を未来に繋いで活用していく
sakito
3
100
AI Coding Agent Enablement - エージェントを自走させよう
yukukotani
13
5.8k
リアクティブシステムの変遷から理解するalien-signals / Learning alien-signals from the evolution of reactive systems
yamanoku
3
1.2k

Featured

See All Featured
Facilitating Awesome Meetings
lara
54
6.3k
Statistics for Hackers
jakevdp
798
220k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Agile that works and the tools we love
rasmusluckow
328
21k
Java REST API Framework Comparison - PWX 2021
mraible
30
8.5k
The Cost Of JavaScript in 2023
addyosmani
49
7.7k

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