1. Snelle Magento 2 Shops
21 oktober 2016
40% van de bezoekers verlaat sites die
meer dan 3 seconden over het laden
doen.
79% van de kopers die ontevreden zijn
over de snelheid van de shop, is
minder geneigd terug te komen.
2. Sr. Freelance Magento Developer
• Focus op performance
• Brabantia.com
• Hunkemöller.com
• LampDirect.nl
• Open source contributor
MagentoHosting.pro
• Performance & kwaliteit
• Varnish, Redis, PHP 7
• MaxiToys.com (Blokker Hld.)
• OnderdelenWinkel.nl
• Expertise voor andere hostingpartijen
Wie is Jeroen Vermeulen?
3. Onderwerpen
● Wat wil je bereiken?
● Waar gaat het mis?
● Wie moet ervoor zorgen?
● Hoe pak je dat aan?
● Hoe kun je het meten?
Frontend Performance
In de browser van de bezoeker
Server Performance
Tijd die de server nodig heeft
Schaalbaarheid
Veel bezoekers tegelijk
4. Wat wil je bereiken?
Frontend
Performance
● Pagina's staan snel op het scherm
● Interactieve dingen werken direct
5. Wat wil je bereiken?
Frontend
Performance
● Pagina's staan snel op het scherm
● Interactieve dingen werken direct
Server
Performance
● Bezoekers kunnen snel door de site heen bladeren
● Google Ranking
6. Wat wil je bereiken?
Frontend
Performance
● Pagina's staan snel op het scherm
● Interactieve dingen werken direct
Server
Performance
● Bezoekers kunnen snel door de site heen bladeren
● Google Ranking
Schaalbaarheid
● Site blijft snel, ook bij pieken in bezoekersaantallen
● Je webshop is voorbereid op plotseling succes
● De shop kan een scan zoals ThuisWinkel Waarborg aan
7. Benchmark met 2000 gelijktijdige bezoekers
Pagina's per seconde = Schaalbaarheid
0
125
250
375
500
Standaard Amazon VPS MageHost.pro Server
418,96
34,19
338,93
13,27
Magento 1
Magento 2
Responstijd in seconden = Server Performance
0
2
4
6
8
Standaard Amazon VPS MageHost.pro Server
0,25
2,85
0,29
7,04
8. Waar gaat het mis?
Frontend
Performance
● HTML en styling zit niet goed in elkaar
● Veel en grote extra ingeladen bestanden
● Zware marketing- & salestools in frontend
9. Waar gaat het mis?
Frontend
Performance
● HTML en styling zit niet goed in elkaar
● Veel en grote extra ingeladen bestanden
● Zware marketing- & salestools in frontend
Server
Performance
● Kwaliteit eigen programmeerwerk en extensies
● Zeer veel database-query's
● Zwakke VPS, niet getuned voor Magento
10. Waar gaat het mis?
Frontend
Performance
● HTML en styling zit niet goed in elkaar
● Veel en grote extra ingeladen bestanden
● Zware marketing- & salestools in frontend
Server
Performance
● Kwaliteit eigen programmeerwerk en extensies
● Zeer veel database-query's
● Zwakke VPS, niet getuned voor Magento
Schaalbaarheid
● Te weinig processoren en geheugen in server
● Beperkte netwerkverbinding server
● Overboeking in het virtualisatie-systeem
11. Wie moet ervoor zorgen?
Frontend
Performance
● Frontend developers
● Contentpagina-schrijvers
12. Wie moet ervoor zorgen?
Frontend
Performance
● Frontend developers
● Contentpagina-schrijvers
Server
Performance
● Magento developers
● Hostingprovider
13. Wie moet ervoor zorgen?
Frontend
Performance
● Frontend developers
● Contentpagina-schrijvers
Server
Performance
● Magento developers
● Hostingprovider
Schaalbaarheid ● Hostingprovider
14. Hoe pak je dat aan?
Frontend
Performance
● Kies een goed thema
● Browser Developer Tools
● Google PageSpeed
15. Hoe pak je dat aan?
Frontend
Performance
● Kies een goed thema
● Browser Developer Tools
● Google PageSpeed
Server
Performance
● Minder en betere Magento-extensies
● Profiling & Query logging
● PHP 7 is een must voor Magento 2
16. Hoe pak je dat aan?
Frontend
Performance
● Kies een goed thema
● Browser Developer Tools
● Google PageSpeed
Server
Performance
● Minder en betere Magento-extensies
● Profiling & Query logging
● PHP 7 is een must voor Magento 2
Schaalbaarheid
● Varnish: 1000 requests per seconde
● PHP 7 presteert twee keer zo goed als PHP 5
● Hostingprovider met ervaring
17. Hoe kun je het meten?
Frontend
Performance ● Page Load Time-extensie in Chrome
● Google Analytics
● New Relic
Server
Performance
18. Hoe kun je het meten?
Frontend
Performance ● Page Load Time-extensie in Chrome
● Google Analytics
● New Relic
Server
Performance
● Monitoring door provider
19. Hoe kun je het meten?
Frontend
Performance ● Page Load Time-extensie in Chrome
● Google Analytics
● New Relic
Server
Performance
● Monitoring door provider
Schaalbaarheid
● Test door hostingprovider, hele sitemap!
● magespeedtest.com
● loader.io