Predictive Prefetching for the Web

82bafb0432ce4ccc9dcc26f94d5fe5bc?s=47 Minko Gechev
November 11, 2019
Programming
0
24

Predictive Prefetching for the Web

82bafb0432ce4ccc9dcc26f94d5fe5bc?s=128

Minko Gechev

November 11, 2019
Tweet

More Decks by Minko Gechev

See All by Minko Gechev
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
26
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
120
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
14
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
33
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
530
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
67
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
1.8k
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
210
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
0
34

Other Decks in Programming

See All in Programming
2559c50bf24b65eaba52fd7c75260c93?s=48 olgamaciaszek
1
580
439ebe4787a98881df8a59d41baf4a43?s=48 ra1028
6
110
Cd34440e6c181704f318319e131af68d?s=48 naokioouchi
0
150
9995bc19f5495c16e66fa10103f26add?s=48 sandfish03
1
2.1k
1a1d418bdf51cbf8fce1317f6c80a907?s=48 satoshi0212
3
150
A49edf2521f9e75826c6546c7585f17a?s=48 tsuyukimakoto
3
350
C5f6e8dffbb19acf405198c8fb917337?s=48 mp911de
1
130
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
2
360
917c89046a8ba98f398ea16b7b335779?s=48 nomadblacky
1
160
0a5d28eceda9a14b5b5f697b36620e8f?s=48 pddg
0
160
376e4eb9dc6c2e33d1330262edc4f109?s=48 janko_m
0
300
55517518e318b28906211d115c24208b?s=48 clyang
0
500

Featured

See All Featured
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
284
110k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
652
54k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
55
5.2k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
52
1.8k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
215
16k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
28
3.1k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
436
28k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
195
9.5k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
3
150
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
3
340
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
236
9.7k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
5
140

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