Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Budgets de performance

74 vues

Publié le

Conference about Performance Budgets, held during the We Love Speed event (Bordeaux, October 9, 2018)
Transcript: https://blog.dareboost.com/en/2018/10/performance-budgets-we-love-speed-2018/

Publié dans : Internet
  • Soyez le premier à aimer ceci

Budgets de performance

  1. 1. Performance Budgets (how to get your website to lose weight) Damien Jubeau - CEO English Transcription blog.dareboost.com/wls
  2. 2. The average webpage is now the size of the original Doom 2.39MB - 2016, Ronan Cremin from HTTP Archive data
  3. 3. “ We’ve remade the Internet in our image…. obese. “ Jason Grigsby
  4. 4. Organizational Financial constraints Revenue model Artistic direction Political management Operational Software entropy / technical debt Lack of skills Traffic overload Network Issues 3rd-party QoS
  5. 5. “ Speed is product feature number one ” Larry Page
  6. 6. Using a performance budget
  7. 7. “Our website must be very fast”
  8. 8. “Pages should be less than 1MB”
  9. 9. “Speed Index should be less than 2000 using a mobile over 3G”
  10. 10. How to use a performance budget?
  11. 11. Budget: 1MB Current weight: 800kB
  12. 12. Budget: 1MB Current weight: 800kB Evolution : 400kB 1.20 MB
  13. 13. Optimize.
  14. 14. Budget: 1MB Current weight: 800kB Evolution : 150kB 0.95 MB
  15. 15. Budget: 1MB Current weight: 800kB Evolution : 300kB 1.10 MB
  16. 16. Clean.
  17. 17. Budget: 1MB Current weight: 650kB Evolution : 300kB 0.95 MB
  18. 18. Failing to comply with a budget?
  19. 19. Question the value, again!
  20. 20. Forget about the new feature?
  21. 21. Move forward and adjust the budget
  22. 22. How to choose a budget?
  23. 23. If you can't measure it, you can't improve it
  24. 24. Not all the pages are equal
  25. 25. Not all your pages are equal
  26. 26. Catching up or surpassing the competition
  27. 27. Experiment: how much does a slowdown cost us?
  28. 28. Make a new version significantly faster Steven Seow, 20% rule (Weber’s law)
  29. 29. Some budgets are derived from external constraints Google Crawl Budget 14kB for the critical rendering path
  30. 30. Performance Culture: gain support for the budgets
  31. 31. Speed is the #1 feature Anticipate performance issues Question the value Optimize the old and the new
  32. 32. Thanks!
  33. 33. Sources http://bradfrost.com/blog/post/performance-as-design/ https://timkadlec.com/2013/01/setting-a-performance-budget/ https://timkadlec.com/2014/01/fast-enough/ https://suits-sandals.com/index.php?p=blog/setting-a-web-performance-budget-where-to-start https://medium.com/@DamienJubeau/budget-de-performance-indispensable-rapidite-sites-web-a771 922e89e8 https://developers.google.com/speed/docs/insights/mobile https://www.thinkwithgoogle.com/marketing-resources/the-google-gospel-of-speed-urs-hoelzle/ http://blog.chriszacharias.com/page-weight-matters https://uberdev.wordpress.com/2009/08/13/summary-of-designing-and-engineering-time-by-steven-c- seow-ph-d/ https://www.wired.com/2016/04/average-webpage-now-size-original-doom/ https://www.poynter.org/news/text-only-news-sites-are-slowly-making-comeback-heres-why

×