magento 2 seminar - jeroen vermeulen snelle magento 2 shops
TRANSCRIPT
Snelle Magento 2 Shops21 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.
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?
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
Wat wil je bereiken?
Frontend Performance
● Pagina's staan snel op het scherm ● Interactieve dingen werken direct
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
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
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 1Magento 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
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
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
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
Wie moet ervoor zorgen?
Frontend Performance
● Frontend developers ● Contentpagina-schrijvers
Wie moet ervoor zorgen?
Frontend Performance
● Frontend developers ● Contentpagina-schrijvers
Server Performance
● Magento developers ● Hostingprovider
Wie moet ervoor zorgen?
Frontend Performance
● Frontend developers ● Contentpagina-schrijvers
Server Performance
● Magento developers ● Hostingprovider
Schaalbaarheid ● Hostingprovider
Hoe pak je dat aan?
Frontend Performance
● Kies een goed thema ● Browser Developer Tools ● Google PageSpeed
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
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
Hoe kun je het meten?
Frontend Performance ● Page Load Time-extensie in Chrome
● Google Analytics ● New Relic
Server Performance
Hoe kun je het meten?
Frontend Performance ● Page Load Time-extensie in Chrome
● Google Analytics ● New Relic
Server Performance
● Monitoring door provider
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
Vragen?
Meer info https://mho.st
Feedback https://joind.in/talk/7e4e1