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
これだけは知っておきたいクラス設計の基礎知識 version 2
masuda220
PRO
24
6.5k
Ruby's Line Breaks
yui_knk
2
1.2k
Chrome Extension Techniques from Hell
moznion
1
160
プロダクト横断分析に役立つ、事前集計しないサマリーテーブル設計
hanon52_
2
450
AWS で実現する 安全な AI エージェントの作り方 〜 Bedrock Engineer の実装例を添えて 〜 / how-to-build-secure-ai-agents
gawa
8
830
Lambda(Python)の リファクタリングが好きなんです
komakichi
3
200
Deoptimization: How YJIT Speeds Up Ruby by Slowing Down / RubyKaigi 2025
k0kubun
0
860
国漢文混用体からHolloまで
minhee
1
190
七輪ライブラリー: Claude AI で作る Next.js アプリ
suneo3476
1
110
Youtube Lofier - Chrome拡張開発
ninikoko
0
2.4k
Enterprise Web App. Development (1): Build Tool Training Ver. 5
knakagawa
1
120
The Nature of Complexity in John Ousterhout’s Philosophy of Software Design
philipschwarz
PRO
0
120

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.1k
Producing Creativity
orderedlist
PRO
344
40k
Site-Speed That Sticks
csswizardry
5
500
We Have a Design System, Now What?
morganepeng
52
7.5k
What's in a price? How to price your products and services
michaelherold
245
12k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
23
2.6k
Become a Pro
speakerdeck
PRO
27
5.3k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
40
7.2k
GraphQLとの向き合い方2022年版
quramy
46
14k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.6k
[RailsConf 2023] Rails as a piece of cake
palkan
54
5.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