Performance budget @ Joomla! Performance Expert Sessie

17
Performance budget Expert sessie vrijdag 23 juni , 2017

Transcript of Performance budget @ Joomla! Performance Expert Sessie

Performance budgetExpert sessie

vrijdag 23 juni, 2017

Perceived speed

Performance budget

Perceived speed

Je site is niet zo snel als hij daadwerkelijk is..

Je site is zo snel als hij voelt..

Maar wat is dan snel genoeg?

Performance budget

Geen geld budget

Maar een budget met KBs

Voor jezelf en voor je opdrachtgever

20%

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

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

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

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

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

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

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

Vragen?

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