Meer succes met een snellere webshop

Wachten op een trage website levert grote irritatie op en is de nummer 1 reden om een website te verlaten. Het is dus van groot belang dat potentiële klanten snel door je webshop kunnen klikken. Maar hoe pak je dat aan?

In deze les laten we zien wat je mag verwachten van een snellere shop, hoe je je huidige beperkingen kunt achterhalen en hoe jij zorgt dat je shop als de brandweer gaat!

Waarom sneller?

Betere gebruikerservaring

Een trage shop levert veel irritatie op. Bezoekers worden steeds ongeduldiger en klikken steeds eerder weg naar de shop van je concurrent om vervolgens nooit meer terug te komen.

Hogere conversie

Als je bezoekers wel snel en soepel door je shop kunnen klikken, vinden ze moeiteloos de weg naar je winkelmandje. Uit meerdere onderzoeken blijkt dat klanten dan zelfs ook meer kopen. Een snelle shop is dus echt een conversie-booster!

Hoger in de zoekresultaten

Google bestraft trage websites met een lagere positie in de zoekresultaten. En het lijkt erop dat snelheid een steeds belangrijkere rol gaat spelen. Met de gratis tool PageSpeed Insights laat Google je eenvoudig zien hoe snel jouw desktop- en mobiele shop presteren.

Wist je dat

Een snelle site is ook van belang voor de kwaliteitscore van je Adwords-campagne. In de praktijk betaal je dus minder voor je advertenties als je site sneller is.

Hoe maak je jouw shop sneller?

De snelheid van je webshop wordt bepaald door veel verschillende variabelen. Zowel in de content, in de structuur van de achterkant van de site als op het gebied van hosting kunnen bottlenecks ontstaan.

Om te beginnen ontkrachten we graag eerst enkele hardnekkige mythes.

Mythe 1: Er is één magische oplossing voor een snellere site

Je site kan op veel verschillende punten vertraging oplopen. Pas als alle schakels snel zijn, heb je een snelle website.

Mythe 2: Afbeeldingen maken je site traag

Het klopt dat er vertraging kan ontstaan door afbeeldingen, maar dat geldt alleen voor het laden van extreem grote of heel veel afbeeldingen. Voor beiden zijn echter oplossingen. Optimaliseer je afbeeldingen met (gratis) tooltjes waardoor ze aanzienlijk minder zwaar worden maar niet direct van zichtbaar mindere kwaliteit zijn. Je kunt ook je afbeeldingen verspreiden over een CDN (Content Delivery Network), zodat ze tegelijk vanaf meerdere domeinen worden gedownload.

Mythe 3: Bots en hogere bezoekersaantallen vertragen mijn site

Het bezoek van bots kan alleen voor vertraging zorgen als je site ongestructureerd is en ze daardoor kunnen ‘verdwalen’. En voor wat betreft hoge bezoekersaantallen: dit geldt alleen indien je hostingruimte niet over voldoende verwerkingscapaciteit beschikt..

Mythe 4: Caching maakt mijn shop altijd sneller

Ja, caching maakt je shop in bijna alle gevallen sneller. Bijna alle gevallen. Want als het inladen van de gecachete pagina net zo lang duurt als het berekenen van de pagina zelf, dan levert caching geen snelheidswinst op. Ook als je een website hebt waar de content voortdurend wijzigt (en je bepaalde contentblokken dus buiten de cache moet houden), kan de snelheidswinst misschien tegenvallen. Want hoe meer je cachet, hoe snelheidswinst.

Mythe 5: Een snellere hoster maakt mijn shop altijd sneller

Je shop is zo traag als de zwakste schakel. Als je site inefficiënt gebouwd is, zal snellere hosting die vertraging niet goed kunnen maken. Tegelijkertijd geldt echter dus ook dat langzame hosting de zwakste schakel van je keten kan zijn. Snelle hosting is dus wel degelijk van groot belang.

Mythe 6: Een snelle internetverbinding maakt mijn site snel genoeg

De internetverbinding bepaalt slechts voor 1/3 de totale snelheid. Ook de webserver waar de shop gehost wordt en de computer van de bezoeker dienen over voldoende capaciteit te beschikken om de shop snel te laten werken.

Mythe 7: Een CDN maakt mijn shop altijd sneller

Een CDN (Content Delivery Network) is een systeem waarbij meerdere servers op diverse locaties wereldwijd geplaatst zijn. Omdat je hierbij steeds de server gebruikt die zich het dichtst bij je bezoeker bevindt, kan dit veel tijdswinst opleveren. Richt je je echter op alleen Nederlandse bezoekers, dan is de snelheidswinst te verwaarlozen.

Mythe 8: Een SSL-certificaat maakt mijn shop trager

Met de gloednieuwe techniek HTTP/2 is je site net zo snel en soms zelfs sneller als je het verkeer via SSL laat lopen. Vraag je hostingprovider of deze techniek beschikbaar is op jouw hostingomgving. Gebruik je geen HTTP/2 dan zou er een vertraging van milliseconden kunnen ontstaan, maar dit is te verwaarlozen ten opzichte van de voordelen die SSL biedt (veiligheid voor je bezoekers, hogere waardering in Google).

Wat werkt wel?

Zowel de webwinkelier, de webdeveloper, als de hostingpartij kunnen een bijdrage leveren aan de laadtijd van de shop. Om je op weg te helpen hebben we enkele handige checklists opgesteld.

Checklist voor de webwinkelier

  • Optimaliseer je alle afbeeldingen voordat je ze online plaatst?
  • Staan er geen ongebruikte pagina’s op je site?
  • Is de opmaak in HTML schoon?
  • Staan er geen dode links op de pagina’s?
  • Geef je al je opmaak mee in .css bestanden en niet los in je HTML?

Checklist voor de webdeveloper

  • Veroorzaken de plugins en extensies geen vertraging?
  • Is de structuur van je HTML en databases op orde?
  • Wordt de performance van de site voldoende gemonitord met tools als New Relic, PageSpeed & Yslow?
  • Zijn er caching tools zoals Varnish en Redis geïnstalleerd en zijn ze juist geconfigureerd?
  • Laad je zo min mogelijk .css en .js bestanden in?

Checklist voor de hostingpartner

  • Is de kwaliteit van de infra hoog en met de snelste hardware?
  • Zijn de servers slim ingericht bijv. specifiek voor jouw CMS?
  • Kunnen cachingtechnieken als Varnish en Redis worden toegepast en worden deze aangeboden?
  • Worden analysetools zoals bijv. New Relic, PageSpeed & YSlow en MageReport Premium (speciaal voor Magento) aangeboden?

Stappenplan

  1. Analyse met PageSpeed / YSlow
  2. Analyse naar de locatie van de bottlenecks met New Relic (door webdeveloper)
  3. Quick wins doorvoeren en grootste bottlenecks aanpakken
  4. Evalueer verbeteringen met analysetool (na een week)
  5. Caching toevoegen zoals Redis, FPC en Varnish
  6. Finetuning en back-end versnellen
  7. Periodieke monitoring

Waar begin ik?

Vraag je webdeveloper om een analyse te doen met New Relic en Google PageSpeed en/of Yslow en stel samen een plan op met verbeteringen die voor jou van toepassing zijn.

In deze les hebben we de stof vrij summier behandeld. Wil je het fijne weten van de mythes en wat je wel kunt doen? Lees dan de whitepaper ‘Mythes over snelheid en wat wèl werkt om je site sneller te maken’.

 

Vond je deze les nuttig? Deel hem via:

Je bent nog niet ingelogd

Om deze samenvatting te kunnen bekijken, dien je eerst in te loggen.

Login:

Gebruikersnaam:
Wachtwoord:

Of log in via:

U gebruikt een verouderde versie van Internet Explorer die niet wordt ondersteund door de Webshop Heroes.