Webshop sneller maken, en dat na elke update blijven
Een snelle webshop wordt zelden in één keer traag. Het gebeurt met een te grote banner, een nieuw script, een plugin-update. Wij meten wat je echte bezoekers ervaren en wat er op de server gebeurt, vinden de oorzaak en houden je shop daarna snel.
.png)
Waarom een snelle shop weer traag wordt
Wie zijn webshop sneller wil maken, begint meestal met een test in Google PageSpeed Insights. Dat geeft een score en een lijst met adviezen, en na een paar aanpassingen gaat de score omhoog. Drie maanden later staat hij weer waar hij was, en niemand weet precies waarom.
Dat komt doordat snelheid geen eenmalige prestatie is, maar iets wat elke dag een beetje verandert. Marketing plaatst een nieuwe banner, er komt een chatwidget bij, een plugin krijgt een update, Shopware zelf brengt een nieuwe versie uit. Elk van die wijzigingen kan je shop iets sneller of iets trager maken. Wie alleen af en toe test, ziet het eindresultaat, maar niet het moment waarop het misging.
Het verschil zit in hoe je meet. Op deze pagina lees je waarom een labscore niet genoeg is, wat de meest voorkomende snelheidsdieven in een Shopware-webshop zijn, en hoe wij met RUMvision en Tideways na elke release zien wat er met je snelheid gebeurt.
Waarom snelheid omzet is
Snelheid is geen technische hobby. In een onderzoek dat Deloitte voor Google uitvoerde bij 37 merken en ruim 30 miljoen sessies, leverde een mobiele site die 0,1 seconde sneller laadde in retail 8,4% meer conversies op. Dat staat in de case study Milliseconds Make Millions op web.dev. Daarnaast weegt Google de laadervaring van je pagina's mee via de Core Web Vitals, waarvan Google de drempelwaarden publiceert op web.dev/articles/vitals.
Het omgekeerde geldt ook: elke release die je shop een paar honderd milliseconden trager maakt, kost conversie. Zolang niemand het meet, merkt niemand het.
Labscore of echte bezoekers: twee manieren van meten
Een tool als PageSpeed Insights doet een labtest: één laadbeurt, op een gesimuleerd apparaat en verbinding. Handig om te zien wat er technisch beter kan, maar het is niet wat je klant ervaart. De velddata die Google erbij toont, komen uit de Chrome-dataset en kijken naar de afgelopen 28 dagen. Prima voor trends, te traag om te zien wat de release van afgelopen dinsdag deed.
Real user monitoring meet in de browsers van je echte bezoekers, op hun telefoons en hun verbindingen. RUMvision, een Nederlandse tool waarvan Memo partner is, toont de Core Web Vitals realtime, uitgesplitst naar apparaat, paginatype en script van derden, en slaat de data op in de EU.
Dat vertelt je wát er trager is, maar niet altijd waarom. Daarvoor kijk je in de applicatie zelf. Tideways, waarvan Memo ook partner is, laat per transactie zien welke databasequery, template of plugin de tijd opslokt, en meet bij Shopware 6 ook hoe vaak pagina's uit de cache komen. Samen geven ze beide kanten: wat je bezoeker merkt, en waar het op de server vandaan komt.
Zeven snelheidsdieven in een Shopware-webshop
Te grote afbeeldingen
Banners en productfoto's die rechtstreeks uit de camera of de ontwerptool zijn geüpload.
Scripts van derden
Chatwidgets, trackingtags en reviewtools die elk een stukje laadtijd en reactiesnelheid kosten.
Zware pluginprocessen
Een plugin die bij elke pagina een extra query doet, of een achtergrondtaak die de database bezighoudt.
Te weinig uit cache
Pagina's die uit cache zouden kunnen komen, maar elke keer opnieuw worden opgebouwd.
Verspringende layout
Beelden en blokken zonder vaste afmetingen, waardoor de pagina tijdens het laden verschuift.
Achterstallige versies
Shopware en plugins die achterlopen, en daardoor verbeteringen in snelheid missen.
Een release die niemand mat
Een update die één paginatype trager maakte, zonder dat iemand het zag.
Waar het in de praktijk misgaat
Optimaliseren zonder nulmeting. Er wordt een week gewerkt aan snelheid, maar niemand legde vast hoe snel de shop was. Achteraf is niet te zeggen wat het heeft opgeleverd, en dus ook niet wat de moeite waard was.
De verkeerde kant onderzoeken. RUMvision laat zien dat de productpagina op mobiel trager laadt. Ligt dat aan een zwaardere afbeelding in de browser, of reageert de server trager? Zonder applicatiemonitoring blijft dat gissen. Met Tideways ernaast zie je direct of de tijd op de server zit of in de browser.
Snelheid als project in plaats van als gewoonte. Een snelheidsproject levert een snellere shop op, maar zonder vervolg is die winst over een paar maanden weer weg. Snelheid blijft alleen als iemand na elke wijziging kijkt wat die deed.
.png)
Zo houden wij je shop snel
In het onderhoudspakket monitoren we je shop met RUMvision en Tideways, waarvan Memo partner is. Elke update die we doen, wordt in beide tools vastgelegd. Tideways vergelijkt de prestaties na de release met de periode ervoor, RUMvision toont hetzelfde moment als markering op de data van echte bezoekers. Binnen ongeveer een uur weten we of een release neutraal was, een verbetering of een achteruitgang, voor de bezoeker én voor de server. Hoe dat in detail werkt, lees je in onze blog over releasemonitoring met RUMvision en Tideways.
Dat is de kern van ons onderhoudspakket voor Shopware. Elke maand werken we Shopware en je plugins bij, na elke update bekijken we RUMvision en Tideways, en minimaal één keer per maand krijg je een terugkoppeling met een concreet verbetervoorstel. Een te grote banner of een plugin die te veel vraagt, komt zo vanzelf boven, voor €750 per maand exclusief btw.
Gaat je vraag vooral over drukke dagen, zoals Black Friday, en of je shop de belasting aankan? Dat behandelen we op de pagina over hosting en performance.
Bewijs: sneller zonder nieuw platform
Voor Kempers.de pakten we de performance van de webshop aan, samen met hostingpartner Hypernode en zonder de shop te migreren. Eerst meten waar de tijd bleef, dan gericht ingrijpen. Na die ingrepen was de laadtijd drie keer zo snel, zonder replatforming en zonder nieuw ontwerp. Lees de case study van Memo en Hypernode.
Dat is ook het punt dat we het vaakst maken: een trage webshop vraagt zelden om een nieuw platform. Meestal zit de winst in beelden, scripts, plugins en cache-instellingen van de shop die je al hebt. Meer over wat we rond Shopware doen, vind je op de Shopware-hub.
Wat deed je laatste update met je snelheid?
Plan een kennismaking en vertel ons welke pagina's je zorgen baren. We laten zien hoe we je shop meten, waar de snelheid waarschijnlijk weglekt en hoe je hem daarna snel houdt.
Veelgestelde vragen
Hoe maak ik mijn webshop sneller?
Begin met meten bij echte bezoekers, zodat je weet welke pagina's traag zijn en op welk apparaat. De snelste winst zit vaak in te grote afbeeldingen, scripts van derden en een layout die verspringt. Zit de vertraging op de server, dan laat applicatiemonitoring zien welke query of plugin de oorzaak is.
Wat is het verschil tussen PageSpeed Insights en RUMvision?
PageSpeed Insights doet een labtest en toont daarnaast velddata over de afgelopen 28 dagen. RUMvision meet realtime in de browsers van je echte bezoekers, uitgesplitst naar apparaat, paginatype en script van derden. Daardoor zie je direct wat een wijziging deed, in plaats van weken later.
Waarom heb ik ook Tideways nodig?
RUMvision laat zien wat je bezoeker ervaart, Tideways laat zien wat er in de applicatie gebeurt. Als een pagina trager wordt, vertelt Tideways of dat aan een databasequery, een template of een plugin ligt. Met alleen één van de twee blijft het gissen waar je moet ingrijpen.
Maakt het meten van echte bezoekers mijn webshop zelf trager?
RUMvision draait als één licht script dat je direct of via Google Tag Manager laadt. De impact is klein vergeleken met de gangbare marketing- en chatscripts op een webshop, en RUMvision meet die impact ook voor je.
Moet ik migreren om mijn webshop sneller te maken?
Meestal niet. Bij Kempers.de werd de laadtijd samen met Hypernode drie keer zo snel zonder migratie. Begin met meten: als de vertraging in beelden, scripts, plugins of cache-instellingen zit, is een nieuw platform een dure omweg.