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

Predictive Prefetching for the Web

Avatar for Minko Gechev Minko Gechev
November 11, 2019
Programming
410
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
260
Fast Angular Apps from End to End
Avatar for Minko Gechev mgechev
1
260
The State of Angular
Avatar for Minko Gechev mgechev
1
230
The State of Angular
Avatar for Minko Gechev mgechev
1
450
Software Engineering as a Superpower
Avatar for Minko Gechev mgechev
1
260
Introduction to Angular
Avatar for Minko Gechev mgechev
1
280
Internals of the Angular CLI
Avatar for Minko Gechev mgechev
2
1.5k
The State of Angular
Avatar for Minko Gechev mgechev
1
260
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
AI 時代のソフトウェア設計の学び方
Avatar for 増田 亨 masuda220
PRO
29
11k
Migrations : C'est une question d'hygiène !
Avatar for Vincent Amstoutz vinceamstoutz
0
2.5k
JavaDoc 再入門
Avatar for nagise nagise
0
220
不変条件と整合性境界—ビジネスが決める設計判断と実現パターン / Invariants and Consistency Boundaries
Avatar for nrs nrslib
11
3.1k
Lemonade + Foundry Toolkit でお手軽アプリ開発
Avatar for 瀬尾佳隆 seosoft
1
250
Hive Metastoreを通して学ぶIceberg REST Catalog ― 仕様から実装まで
Avatar for okumin okumin
0
310
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
410
New "Type" system on PicoRuby
Avatar for pocke pocke
1
390
CSC307 Lecture 17
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
290
DynamoDBには集計系のクエリがないけどなんとかしたい
Avatar for 村上優稀 musan
1
110
ECR拡張スキャンでSBOMを収集して サプライチェーン攻撃の影響調査を 爆速で終わらせてみた
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
210
密結合なバックエンドから TypeScript のコードを生成する
Avatar for kemuridama kemuridama
1
390

Featured

See All Featured
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
200
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.5k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
210
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
320
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
930
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
560
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.2k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
230
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
210

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