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

Predictive Prefetching for the Web

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Minko Gechev Minko Gechev
November 11, 2019
Programming
430
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
270
Fast Angular Apps from End to End
Avatar for Minko Gechev mgechev
1
280
The State of Angular
Avatar for Minko Gechev mgechev
1
240
The State of Angular
Avatar for Minko Gechev mgechev
1
470
Software Engineering as a Superpower
Avatar for Minko Gechev mgechev
1
270
Introduction to Angular
Avatar for Minko Gechev mgechev
1
300
Internals of the Angular CLI
Avatar for Minko Gechev mgechev
3
1.5k
The State of Angular
Avatar for Minko Gechev mgechev
1
270
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
Avatar for Minko Gechev mgechev
2
3.1k

Other Decks in Programming

See All in Programming
異なる設計思想のフレームワークを経験して得た学び
Avatar for amekuhideki amekuhideki
1
550
仕様駆動開発の消費期限
Avatar for watany watany
20
9k
言葉の格闘技のススメ～紙とペンと言葉から始める、キャリアの描き方～
Avatar for 進捗ゼミ progresscicada
2
180
引き算の組織 ― アウトカムとAIに全振りするために辞めたこと ― / Organization by Subtraction
Avatar for ヤマモトヒロキ hirokiyamamoto14
PRO
0
300
Flow は今どうなっているか
Avatar for mizdra mizdra
PRO
0
720
書籍「プロフェッショナルAI駆動開発」紹介スライド
Avatar for Juntaro Matsumoto juntaromatsumoto
0
580
KotlinConf Extended South Korea 2026 Keynote
Avatar for HyunWoo Lee l2hyunwoo
0
120
170k Jobs a Day on GKE: Scaling Mercari's CI Platform - and What's Next for AI-Native Development
Avatar for Junya Okabe junyaokabe
0
120
Press start. Python's next generation.
Avatar for Carol Willing willingc
PRO
3
140
jsmini JavaScript Engine を作ってみた話
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
0
350
自動化したのに回らない テスト運用の壁 ―AI時代の品質責任と生産性
Avatar for Masahiko Funaki(舟木 将彦) mfunaki
0
500
実装をデザインガイドラインに追従させるための取り組み / 260731-dip-mosh-design-system
Avatar for dachi dachi023
0
7.8k

Featured

See All Featured
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
310
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.4k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
480
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
280
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.8k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
610
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
400
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
340

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