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/

1. Performance Budgets
(how to get your website to lose weight)
Damien Jubeau - CEO English Transcription
blog.dareboost.com/wls

2. The average webpage is now the
size of the original Doom
2.39MB - 2016, Ronan Cremin from HTTP Archive data

3. “ We’ve remade the Internet in our
image…. obese. “
Jason Grigsby

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. “ Speed is product feature number
one ”
Larry Page

6. Using a performance
budget

7. “Our website must be very fast”

8. “Pages should be less than 1MB”

9. “Speed Index should be less than 2000
using a mobile over 3G”

10. How to use a performance
budget?

11. Budget: 1MB
Current weight: 800kB

12. Budget: 1MB
Current weight: 800kB
Evolution : 400kB 1.20 MB

13. Optimize.

14. Budget: 1MB
Current weight: 800kB
Evolution : 150kB 0.95 MB

15. Budget: 1MB
Current weight: 800kB
Evolution : 300kB 1.10 MB

16. Clean.

17. Budget: 1MB
Current weight: 650kB
Evolution : 300kB 0.95 MB

18. Failing to comply with a budget?

19. Question the value, again!

20. Forget about the new feature?

21. Move forward and adjust the
budget

22. How to choose a budget?

23. If you can't measure it, you can't
improve it

24. Not all the pages are equal

25. Not all your pages are equal

26. Catching up or surpassing the
competition

27. Experiment: how much does a
slowdown cost us?

28. Make a new version
significantly faster
Steven Seow, 20% rule (Weber’s law)

29. Some budgets are derived from
external constraints
Google Crawl Budget
14kB for the critical rendering path

30. Performance Culture: gain
support for the budgets

31. Speed is the #1 feature
Anticipate performance issues
Question the value
Optimize the old and the new

32. Thanks!

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