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