Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Snelle Magento 2 Shops
21 oktober 2016
40% van de bezoekers verlaat sites die
meer dan 3 seconden over het laden
doen.
79%...
Sr. Freelance Magento Developer
• Focus op performance
• Brabantia.com
• Hunkemöller.com
• LampDirect.nl
• Open source con...
Onderwerpen
● Wat wil je bereiken?
● Waar gaat het mis?
● Wie moet ervoor zorgen?
● Hoe pak je dat aan?
● Hoe kun je het m...
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
...
Wat wil je bereiken?
Frontend

Performance
● Pagina's staan snel op het scherm
● Interactieve dingen werken direct
Server
...
Benchmark met 2000 gelijktijdige bezoekers
Pagina's per seconde = Schaalbaarheid
0
125
250
375
500
Standaard Amazon VPS Ma...
Waar gaat het mis?
Frontend

Performance
● HTML en styling zit niet goed in elkaar
● Veel en grote extra ingeladen bestand...
Waar gaat het mis?
Frontend

Performance
● HTML en styling zit niet goed in elkaar
● Veel en grote extra ingeladen bestand...
Waar gaat het mis?
Frontend

Performance
● HTML en styling zit niet goed in elkaar
● Veel en grote extra ingeladen bestand...
Wie moet ervoor zorgen?
Frontend

Performance
● Frontend developers
● Contentpagina-schrijvers
Wie moet ervoor zorgen?
Frontend

Performance
● Frontend developers
● Contentpagina-schrijvers
Server

Performance
● Magen...
Wie moet ervoor zorgen?
Frontend

Performance
● Frontend developers
● Contentpagina-schrijvers
Server

Performance
● Magen...
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

Perfo...
Hoe pak je dat aan?
Frontend

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

Perfo...
Hoe kun je het meten?
Frontend

Performance ● Page Load Time-extensie in Chrome
● Google Analytics
● New Relic
Server

Per...
Hoe kun je het meten?
Frontend

Performance ● Page Load Time-extensie in Chrome
● Google Analytics
● New Relic
Server

Per...
Hoe kun je het meten?
Frontend

Performance ● Page Load Time-extensie in Chrome
● Google Analytics
● New Relic
Server

Per...
Vragen?
Meer info https://mho.st
Feedback https://joind.in/talk/7e4e1
Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops
Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops
Magento 2 Seminar - Jeroen Vermeulen  Snelle Magento 2 Shops
Upcoming SlideShare
Loading in …5
×

Magento 2 Seminar - Jeroen Vermeulen Snelle Magento 2 Shops

Talk by Jeroen Vermeulen on how to get faster Magento 2 shops

  • Login to see the comments

  • Be the first to like this

Magento 2 Seminar - Jeroen Vermeulen Snelle Magento 2 Shops

  1. 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. 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. 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. 4. Wat wil je bereiken? Frontend
 Performance ● Pagina's staan snel op het scherm ● Interactieve dingen werken direct
  5. 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. 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. 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. 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. 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. 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. 11. Wie moet ervoor zorgen? Frontend
 Performance ● Frontend developers ● Contentpagina-schrijvers
  12. 12. Wie moet ervoor zorgen? Frontend
 Performance ● Frontend developers ● Contentpagina-schrijvers Server
 Performance ● Magento developers ● Hostingprovider
  13. 13. Wie moet ervoor zorgen? Frontend
 Performance ● Frontend developers ● Contentpagina-schrijvers Server
 Performance ● Magento developers ● Hostingprovider Schaalbaarheid ● Hostingprovider
  14. 14. Hoe pak je dat aan? Frontend
 Performance ● Kies een goed thema ● Browser Developer Tools ● Google PageSpeed
  15. 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. 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. 17. Hoe kun je het meten? Frontend
 Performance ● Page Load Time-extensie in Chrome ● Google Analytics ● New Relic Server
 Performance
  18. 18. Hoe kun je het meten? Frontend
 Performance ● Page Load Time-extensie in Chrome ● Google Analytics ● New Relic Server
 Performance ● Monitoring door provider
  19. 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
  20. 20. Vragen? Meer info https://mho.st Feedback https://joind.in/talk/7e4e1

×