Predictive Prefetching for the Web

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

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
0
16
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
41
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
140
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
16
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
40
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
550
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
70
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
1.9k
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
220

Other Decks in Programming

See All in Programming
7fccfb690a818ed2f3a15fc21d426d5a?s=48 texmeijin
0
140
11ebd3c1bb98057b1e458518fc9ffe14?s=48 mune92283498
1
390
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
0
240
7d1521d950d9bc5697868830cb04ff2f?s=48 yimajo
0
110
73b0a25ed03f649ec63ded82ce4ac7cb?s=48 nunulk
0
130
F52f4adb291c5b44bd8ad1433dfedaaf?s=48 ytyubox
1
470
198d69383210fbec8c6bea4a35863c9d?s=48 tippy
3
610
A3db1cdacad2a1b5de5af000a1c94fda?s=48 xrxoxcxox
2
300
3f7d9611fc919c98512b779cde637dfc?s=48 johnlinvc
2
570
3e049ed33195d00a8b745b16c63dce6e?s=48 leew
0
160
2c9e59cb4bc0651504210cee88fc8b8a?s=48 zukakosan
0
460
B337bccaf042748ab81c81ea623bad40?s=48 regtan
0
170

Featured

See All Featured
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
17k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
777
240k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
295
27k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
205
10k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
15k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
198
9.5k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
10
820
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
258
16k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
773
190k
016edace78ffe826f2348d1e0c504afd?s=48 maggiecrowley
7
340
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
114
7k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
7
390

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