Presentatie door Robin Poort gegeven tijdens de Joomla! Performance Expert Sessie op 23 juni 2017 in Bussum: https://perfectwebteam.nl/expert-sessie/joomla-performance

1. Performance budget
Expert sessie
vrijdag 23 juni, 2017

2. Perceived speed
Performance budget

3. Perceived speed
Je site is niet zo snel als hij daadwerkelijk is..
Je site is zo snel als hij voelt..

6. Maar wat is dan snel genoeg?

7. Performance budget
Geen geld budget
Maar een budget met KBs
Voor jezelf en voor je opdrachtgever

8. 20%

9. http://danielmall.com/articles/how-to-make-a-performance-budget/
Site Start render Doc complete Fully loaded
perfectwebteam.nl 4,6s 9,8s 9,9s
joomladagen.nl 3,7s 7,2s 7,6s
joomla.org 7,4s 12s 21,9s
From: Amsterdam - Chrome - 768 kbps

10. http://danielmall.com/articles/how-to-make-a-performance-budget/
Huidig Doel
Start render 3,7s 2,9s
Doc complete 7,2s 5,7s
Fully loaded 7,6s 6s
20% sneller

11. http://danielmall.com/articles/how-to-make-a-performance-budget/
Doel tijd Kilobyte
Start render 2,9s 280 KB
Doc complete 5,7s 547 KB
Fully loaded 6s 576 KB
En dan in KBs

12. http://danielmall.com/articles/how-to-make-a-performance-budget/
Beschikbaar
HTML 56 KB
CSS 56 KB
JS 56 KB
Images 56 KB
Fonts 56 KB
En dan in KBs

13. http://danielmall.com/articles/how-to-make-a-performance-budget/
Beschikbaar
HTML 70 KB
CSS 70 KB
JS defer / async
Images 70 KB
Fonts 70 KB
En dan in KBs

14. http://danielmall.com/articles/how-to-make-a-performance-budget/
joomladagen.nl
HTML 10 KB
jQuery 95 KB
Modernizr 54 KB
Fonts 12 KB (Alleen font)
Samen 171 KB
joomladagen.nl huidig

15. http://danielmall.com/articles/how-to-make-a-performance-budget/
Beschikbaar
HTML 30 KB
CSS 100 KB
JS defer / async
Images Lazyload
Fonts 150 KB
Mogelijke verdeling

16. Vragen?

17. Foto’s komen van https://unsplash.com/