Upload
robin-poort
View
1.132
Download
4
Embed Size (px)
Citation preview
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/