$30 off During Our Annual Pro Sale. View Details »

Predictive Prefetching for the Web

Minko Gechev
November 11, 2019
Programming
0
68

Predictive Prefetching for the Web

Minko Gechev

November 11, 2019
Tweet

More Decks by Minko Gechev

See All by Minko Gechev
Change the World With Open Source Software
mgechev
0
50
Fast Angular Apps from End to End
mgechev
0
73
The State of Angular
mgechev
1
110
The State of Angular
mgechev
1
180
Software Engineering as a Superpower
mgechev
1
51
Introduction to Angular
mgechev
1
84
Internals of the Angular CLI
mgechev
2
900
The State of Angular
mgechev
1
100
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
2.5k

Other Decks in Programming

See All in Programming
Ltag
inoue2002
0
130
RubyWorld Conference 2022 に初めて現地参加してみて
shiorin
0
170
コルーチン〜Androidと非同期処理〜
nyafunta9858
0
100
LintオタクによるLint解説 / Introduction to Lints
orgachem
20
5.8k
一か月半かけて、TypeScript本を写経した話
2nofa11
0
120
【初心者向け】アウトプットが自分の性格をも変化させた話
lemonmanno39
0
470
Angular Architecture Workshop: Modulith to Micro Frontends
manfredsteyer
PRO
0
160
37年前の Sun 3/60 のために最新のNetBSDと最新のX.orgをメンテする話 / KOF2022
tsutsui
1
130
10年前のRails Girls Japanむかしばなしとわたし #rggjp #rgjp10th
yotii23
3
160
Git 未経験者 が GitHub Actions で CICD できるようになるまで / 20221127-JJUGCCC-2022-Fall-Git-beginner-built-CICD-pipeline-with-GitHubActions
mackey0225
2
150
KubeCon + CNCon NA 2022 Overview & Towards Something Better Than CRDs In a Post-Operator World / k8sjp54-kubecon-recap
masayaaoyama
0
550
WebAssembly for the Backend
adriancole
0
170

Featured

See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
51
4.2k
5 minutes of I Can Smell Your CMS
philhawksworth
197
18k
Fantastic passwords and where to find them - at NoRuKo
philnash
31
1.8k
Keith and Marios Guide to Fast Websites
keithpitt
405
21k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
223
49k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
6
770
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
196
9.7k
The Web Native Designer (August 2011)
paulrobertlloyd
76
2.1k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
4
3.8k
A designer walks into a library…
pauljervisheath
197
16k
Navigating Team Friction
lara
176
12k
Web Components: a chance to create the future
zenorocha
304
40k

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