23
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.

Magento 2 Seminar - Jeroen Vermeulen Snelle Magento 2 Shops

  • Upload
    yireo

  • View
    32

  • Download
    3

Embed Size (px)

Citation preview

Page 1: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

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.

Page 2: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

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?

Page 3: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

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

Page 4: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

Wat wil je bereiken?

Frontend Performance

● Pagina's staan snel op het scherm ● Interactieve dingen werken direct

Page 5: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

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

Page 6: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

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

Page 7: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

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

Page 8: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

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

Page 9: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

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

Page 10: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

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

Page 11: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

Wie moet ervoor zorgen?

Frontend Performance

● Frontend developers ● Contentpagina-schrijvers

Page 12: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

Wie moet ervoor zorgen?

Frontend Performance

● Frontend developers ● Contentpagina-schrijvers

Server Performance

● Magento developers ● Hostingprovider

Page 13: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

Wie moet ervoor zorgen?

Frontend Performance

● Frontend developers ● Contentpagina-schrijvers

Server Performance

● Magento developers ● Hostingprovider

Schaalbaarheid ● Hostingprovider

Page 14: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

Hoe pak je dat aan?

Frontend Performance

● Kies een goed thema ● Browser Developer Tools ● Google PageSpeed

Page 15: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

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

Page 16: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

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

Page 17: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

Hoe kun je het meten?

Frontend Performance ● Page Load Time-extensie in Chrome

● Google Analytics ● New Relic

Server Performance

Page 18: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

Hoe kun je het meten?

Frontend Performance ● Page Load Time-extensie in Chrome

● Google Analytics ● New Relic

Server Performance

● Monitoring door provider

Page 19: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

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

Page 20: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops
Page 21: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops
Page 22: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops
Page 23: Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops

Vragen?

Meer info https://mho.st

Feedback https://joind.in/talk/7e4e1