Ready, Set, Go!Snelle websites

Joomla!dagen Nederland zaterdag 16 april, 2016

Woudschoten, Zeist

Perceived speed

Performance budget

Technieken

Tools

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

joomladagen.nl 4,9s 14,3s 18,6s

2015.netherlands.wordcamp.org 5,9s 17,7s 23,3s

frontendunited.org 1,3s 15,9s 16,6s

From: Amsterdam, NL - IISpeed - Chrome - 3GSlow

http://danielmall.com/articles/how-to-make-a-performance-budget/

Huidig Doel

Start render 1,3s 1s

Doc complete 15,9s 12,7s

Fully loaded 16,6s 13,3s

20% sneller

http://danielmall.com/articles/how-to-make-a-performance-budget/

Doel tijd Kilobyte

Start render 1s 96 KB

Doc complete 12,7s 1200 KB

Fully loaded 13,3s 1275 KB

En dan in KBs

Technieken

Images, images, images

Libraries, libraries, libraries

Frameworks, frameworks, frameworks

Images

Joomladagen

Wordcamp

Frontend United

ImageOptimimageoptim.com

http://bdadam.com/blog/loading-webfonts-with-high-performance.html

WOFF

Base64

LocalStorage

iframes

Kleine tips

Weinig domeinen

Inline JavaScript

Lazyload verborgen afbeeldingen

Above the fold CSS

Tools

Meten is weten

Na livegang blijven testen

Continuous Integration

http://yellowlab.tools/result/eds221dejy

Vragen?

Stel een performance budget samen

Hou je er aan tijdens en na livegang

Vraag je telkens of je functie X nodig hebt

Tools to the rescue

Images!

Time’s up

@rhcpoort

http://yellowlab.tools/result/edo3s7ddu6 http://www.webpagetest.org/result/160411_07_1452/

https://gtmetrix.com/reports/www.joomladagen.nl/ZkYjFfUy http://tools.pingdom.com/fpt/#!/bvuej/http://

www.joomladagen.nl/ https://www.dareboost.com/en/report/

570bfb6e0cf2e634bc50ae9f http://requestmap.webperf.tools/render/

160411_PH_d8619da6f1103e7e9cba2e071d97302a https://developers.google.com/speed/pagespeed/insights/?

url=http%3A%2F%2Fwww.joomladagen.nl%2F&tab=desktop

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