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
0
320

Predictive Prefetching for the Web

Avatar for Minko Gechev

Minko Gechev

November 11, 2019
Tweet

More Decks by Minko Gechev

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

Other Decks in Programming

See All in Programming
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
Avatar for Iury Souza iurysza
0
140
Swift Updates - Learn Languages 2025
Avatar for Yuta Koshizawa koher
2
510
テストコードはもう書かない：JetBrains AI Assistantに委ねる非同期処理のテスト自動設計・生成
Avatar for makun makun
0
520
Cache Me If You Can
Avatar for RyuNen344 ryunen344
2
3k
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
Avatar for Naoki Kishida kishida
22
5.9k
個人軟體時代
Avatar for Ethan Huang ethanhuang13
0
330
Testing Trophyは叫ばない
Avatar for toms toms74209200
0
890
概念モデル→論理モデルで気をつけていること
Avatar for sunnyone sunnyone
3
300
アセットのコンパイルについて
Avatar for ojun ojun9
0
130
CJK and Unicode From a PHP Committer
Avatar for てきめん tekimen youkidearitai
PRO
0
110
Zendeskのチケットを Amazon Bedrockで 解析した
Avatar for ryokosuge ryokosuge
3
320
Namespace and Its Future
Avatar for Satoshi Tagomori tagomoris
6
710

Featured

See All Featured
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
53
8.9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.5k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.6k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
6k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
850
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.5k

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