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

Predictive Prefetching for the Web

Minko Gechev
November 11, 2019
Programming
0
210

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
110
Fast Angular Apps from End to End
mgechev
0
130
The State of Angular
mgechev
1
160
The State of Angular
mgechev
1
260
Software Engineering as a Superpower
mgechev
1
140
Introduction to Angular
mgechev
1
130
Internals of the Angular CLI
mgechev
2
1.1k
The State of Angular
mgechev
1
140
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
2.8k

Other Decks in Programming

See All in Programming
エラーレスポンス設計から考える、0→1開発におけるGraphQLへの向き合い方
bicstone
5
900
Why Prism?
kddnewton
4
810
App Router を実プロダクトで採用して見えてきた勘所をちょっとだけ紹介
marokanatani
0
610
僕が思い描くTypeScriptの未来を勝手に先取りする
yukukotani
7
2.1k
Using Livebook to build and deploy internal tools @ ElixirConf 2024
hugobarauna
0
220
Rustではじめる負荷試験
skanehira
5
1.2k
【TID2024】模擬講義：プログラマと一緒にゲームをデザインしてみよう！
akatsukigames_tech
0
420
What is Parser
yui_knk
8
2.3k
null or undefined
susisu
22
5.8k
New Order in Cascade Sorting Order
mugi_uno
3
2.5k
暴走のウホーレン 〜想いってのはvimrcにしないと伝わらないんだぜ〜 / iosdc_japan_2024
uhooi
1
240
私の考える初学者がBlazorできるまでの学習方法
tomokusaba
1
250

Featured

See All Featured
Designing Experiences People Love
moore
138
23k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
157
15k
Building Adaptive Systems
keathley
36
2.1k
We Have a Design System, Now What?
morganepeng
48
7.1k
What’s in a name? Adding method to the madness
productmarketing
PRO
21
3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
32k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
42
2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
354
29k
Designing for Performance
lara
604
68k
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
Faster Mobile Websites
deanohume
304
30k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
25
1.3k

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