Het belang van een snelle website

Geschreven door , op 2 september 2019, in Webdevelopment

Snelheid website WordPress, laptop op tafel

Je hoort het overal om je heen: je website moet sneller, want de snelheid van je website is belangrijk. Mededelingen als deze roepen echter vaak meer vragen dan antwoorden op:

  • Waarom moet ik mijn website sneller maken? Is dat alleen voor de gebruiker, of heeft het ook invloed op de resultaten in Google?
  • Hoe weet ik wat de huidige snelheid van mijn site is, kan ik de snelheid van mijn website ergens meten?
  • Hoe maak ik mijn website sneller?

In deze blog geven de specialisten van DoubleWeb je duidelijk antwoord op bovenstaande vragen en delen hun kennis over snelheidoptimalisatie met je.

Waarom moet ik mijn website sneller maken?

Je website moet sneller, maar waarom dan? Wat voor invloed heeft een trage website? Waarom zou je investeren in het sneller maken van je website?

Je hebt je website om je bedrijf te laten zien aan klanten. Met je website wil je klanten trekken, je wilt bezoekers van je site overtuigen van jouw expertise en hen overhalen klant van je te worden.

Waarom snelheid van je website belangrijk is:
  • Het eerste antwoord op de vraag waarom je website sneller moet, sluit aan bij het doel van je website: voor de gebruikers.
  • Het tweede antwoord is eigenlijk ook ‘voor de gebruikers’, maar hierin speelt nog een andere speler een grote rol: Google.

Ik licht het belang van een snelle website voor zowel Google als voor gebruikers van je website (je potentiële klanten) graag toe.

Google likes it fast

Stel dat je ontevreden bent over je tandarts omdat je bij elke afspraak weer een uur in de wachtkamer zit, met als achtergrond het onaangename geluid van de gevreesde boor in de behandelkamer. Je besluit op zoek te gaan naar een nieuwe tandarts.

Hoe pak je dit aan? Je kiest waarschijnlijk uit 1 van de 2 opties die iedereen kiest:

  1. Je vraagt eens rond bij familie, vrienden en bekenden in de buurt of zij misschien een goede tandarts weten.
  2. Je googelt op ‘tandarts’ in combinatie met je woonplaats en bekijkt de websites en beoordelingen van verschillende tandartsen bij jou in de buurt.

Waarschijnlijk zal je, als je voor optie 1 kiest, vervolgens alsnog ook optie 2 als vervolgstap uitvoeren. Wat hieruit blijkt? De macht van Google en het belang van een goede vindbaarheid van je website in Google.

Googles algoritme

Het overgrote deel van je (potentiële) klanten maakt ook dagelijks gebruik van Google. De zoekmachine verwerkt elke seconde zo’n 40.000 zoekopdrachten (!) en 93% van alle online ervaringen begint met een zoekopdracht in een zoekmachine. Hoe je het ook wendt of keert: de kans dat je doelgroep gebruikmaakt van Google, is zeer aanzienlijk.

De zoekresultaten van Google zijn gebaseerd op een ingewikkeld algoritme dat regelmatig wordt aangepast en verbeterd. Het doel van dit algoritme is echter altijd om de zoeker een zo goed mogelijk antwoord op zijn zoekvraag te geven. Google stelt altijd de gebruiker centraal en het algoritme is dan ook zo ontworpen dat de bezoeker zo veel mogelijk (en zo snel mogelijk!) op zijn wenken bediend wordt.

Hoewel het algoritme van Google niet openbaar is, weten we wel dat de laadtijd van websites meespeelt in de rankings. Sinds juli 2018 gaat het hierbij niet alleen om de laadtijd van websites op desktop, maar ook om de snelheid waarmee een website laadt op een mobiel apparaat. Het belang dat Google hecht aan de laadtijd brengt met zich mee dat een betere laadtijd bijdraagt aan een hogere positie in Google met een snellere website.

Snelheid is natuurlijk zeker niet de enige ranking factor; er spelen ook nog heel wat andere factoren mee in het bepalen van de rankings in Google. Op sommige van die factoren kun je (vrijwel) geen invloed uitoefenen, op andere wel. Zo spelen bijvoorbeeld de leeftijd van de domeinnaam een rol (iets waar je zelf weinig invloed op hebt) en de kwaliteit en kwantiteit van de inbound links naar je website (een punt waarop je wel zelf actie kunt ondernemen).

De snelheid waarmee de pagina’s van je website laden (page speed) behoort tot de laatste categorie: je kunt er zelf invloed op uitoefenen.

Ongeduldige bezoekers

We bespraken het hierboven al: bezoekers houden van snel. De echt interessante vraag is echter of de snelheid van je website direct in verhouding staat tot de conversieratio van je website. In Jip-en-Janneketaal: verkoop je meer via je website als die website sneller laadt?

Google heeft er onderzoek naar gedaan, en de conclusie is duidelijk: hoe langer de laadtijd van je pagina, hoe groter de kans dat een websitebezoek uitloopt op een bounce, oftewel dat de bezoeker direct weer terug klikt naar de zoekresultaten. Volgens Google verliezen de meeste sites de helft (!) van hun bezoekers tijdens het laden. Dit is natuurlijk precies wat je wilt voorkomen: dat een Googlegebruiker jouw site uitzoekt én erop klikt, maar dat hij na de klik toch afhaakt door belemmeringen binnen je website.

Hieronder zie je hoeveel mobiele bezoekers er afhaken per seconde extra laadtijd van een website:

Invloed laadsnelheid op bounce rate Google

Het gaat hier om gebruikers die je website nog niet eens gezien hebben, maar die enkel en alleen op basis van laadtijd afhaken. Al je SEO-werkzaamheden en de moeite die je steekt in conversie optimalisatie zijn, wat betreft deze potentiële klant, helemaal voor niets!

Laadsnelheid van je website testen

Ben je, nu je de invloed van de laadtijd op bezoekers hebt gezien, benieuwd hoe het met de snelheid van jouw website gesteld is? Er zijn verschillende gratis tools beschikbaar om de laadsnelheid van je website te testen.

We noemen graag 3 tools om de snelheid van je website te testen. Beide tools geven je duidelijk inzicht in de snelheid van je website.

  • PageSpeed Insights van Google: hier kun je precies zien of jouw website snel genoeg is, zowel op mobiel als op desktop. ‘Struikelblokken’ die je website trager maken dan nodig, worden aangegeven, zodat je direct inzicht hebt in wat je moet verbeteren.
  • Test my Site van Google: deze tool test de laadsnelheid van je website op mobiel. Je ziet niet alleen de snelheid waarmee je site laadt, maar laat ook zien hoe de websites van branchegenoten het doen ten opzichte van de jouwe. Ook krijg je een schatting te zien van het aantal bezoekers dat je verliest door je huidige laadtijd. Bij deze tool krijg je enkel de basic gegevens te zien na het invullen van je website; voor een uitgebreide evaluatie moet je het volledige (gratis) rapport aanvragen.
  • Pingdom Website Speed Test: nog een handige snelheidsmeter die laat zien hoe lang bepaalde onderdelen van het laadproces duren. Zo heb je inzicht in hoe lang je browser er bijvoorbeeld over doet om de verbinding met je server tot stand te brengen of hoeveel tijd het wachten op data van de server in beslag neemt.

Hoe maak ik mijn website sneller?

Je hebt de snelheid van je site getest en bent tot de conclusie gekomen dat er werk aan de (web?)winkel is. Maar waar begin je? We hebben een paar punten op een rijtje gezet die de laadtijd van je website vaak duidelijk verbeteren:

  • Kies met zorg een hostingpartij

De ene hostingpartij is de andere niet. Wil je dat je website op een snelle server draait, dan betaal je hier doorgaans iets meer voor. Je trekt echter ook meer bezoekers naar je websites, dat wil zeggen: bezoekers die je website daadwerkelijk te zien krijgen en niet al terug klikken voordat je website is geladen.

  • Optimaliseer de afbeeldingen op je website

Je verkleint je afbeeldingen bijvoorbeeld in Photoshop. Vervolgens kun je ze ook nog comprimeren, bijvoorbeeld met een simpele tool als TinyPNG. Je afbeeldingen worden kleiner en laden sneller, wat de algehele laadtijd van je website doet slinken.

  • Laad afbeeldingen below the fold nog niet direct

De afbeeldingen die ‘onder de vouw’ staan, ziet je bezoeker niet direct. Om de rest van je pagina (vooral het gedeelte above the fold dat de gebruiker gelijk ziet) sneller te laten laden, kun je ervoor kiezen de afbeeldingen ‘onder de vouw’ pas later te laten laden. Dit kan je doen met een plugin, voor WordPress bijvoorbeeld WP Rocket.

  • Voorkom te veel omleidingen op je pagina’s

Soms wil je een pagina doorverwijzen naar een andere pagina, bijvoorbeeld als je een product uit het assortiment haalt en vervangt door een ander product. Een 301-redirect aanleggen is dan prima, maar voorkom dat je pagina’s meerdere keren zijn geredirect. Als je pagina A naar pagina B redirect en later pagina B naar pagina C redirect, kost het extra tijd om de redirect te volgen en de juiste pagina te laden. Niet zo raar: als jij op weg naar huis 2 omleidingen tegenkomt, ben je ook later thuis.

  • Verklein de CSS

Een CSS-bestand geeft aan de browser door hoe je website eruit moet komen te zien: welk lettertype, welke kleuren, welke grootte… Een CSS-bestand is vaak onnodig groot. Door het te comprimeren, verklein je de laadtijd van je website. Dit kan met een plugin, bijvoorbeeld WP Rocket als je een WordPress website hebt.

  • Verklein de JS

Ook de JavaScript, dus de code waarmee je je pagina’s interactief maakt, kun je verkleinen, net als de CSS. Hiermee verklein je de laadsnelheid van je website nog meer. Ook de JS verklein je bijvoorbeeld met WP Rocket.

  • Maak gebruik van cache

Browser caching en page caching zorgen ervoor dat gegevens van je website sneller toegankelijk zijn als een bezoeker een pagina laadt. De gegevens worden als het ware ‘binnen handbereik’ opgeslagen, zodat de pagina sneller laadt op het moment dat deze aangeklikt wordt. Vergelijk het met de etenswaren die je dagelijks gebruikt. Als je elke dag havermout eet, zet je die havermout ook niet op de bovenste plank achter de beschuitjes en de hagelslag. Je zet ‘m vooraan en op ooghoogte, zodat je er snel bij kunt als je ‘m nodig hebt. Op die manier houdt caching de gegevens van je website binnen handbereik. De WP Rocket plugin verzorgt ook browser caching en page caching.

WordPress website sneller maken

De tips hierboven helpen je natuurlijk ook om je WordPress site sneller te maken, maar we zouden geen WordPress specialisten zijn als we speciaal voor de snelheidoptimalisatie van WordPress websites niet nog wat extra tricks up our sleeve hadden.

Hier dus wat extra tips om je te helpen je WordPress website sneller te maken:

  • Laat een maatwerk website ontwikkelen.

Een maatwerk website is precies de website die jij wilt. Hoewel je ook een prachtige template website kunt hebben die precies aan je wensen voldoet, is er op het gebied van snelheid een duidelijk verschil tussen een maatwerk website en een template website. Een maatwerk website bevat enkel de functies die je ook daadwerkelijk gebruikt en is dus lightweight. Dit maakt dat een goede maatwerk website sneller laadt dan een template website, omdat de template allerlei functionaliteiten heeft die extra laadtijd kosten, ook als je ze niet gebruikt.

  • Maak gebruik van goede snelheidsverbeteringen voor WordPress.

Een efficiënte manier om een bestaande website sneller te maken, is door bijvoorbeeld een plugin te gebruiken die je website op meerdere punten optimaliseert op het gebied van snelheid. Voor WordPress websites is zo’n plugin bijvoorbeeld de WP Rocket plugin.

  • Gebruik een WordPress plugin die afbeeldingen direct comprimeert.

Door afbeeldingen te comprimeren, laden de afbeeldingen sneller en dit heeft weer een positief effect op de laadsnelheid van je pagina’s. Je kunt je afbeeldingen stuk voor stuk comprimeren met bijvoorbeeld Photoshop, maar je kunt ook een handige tool gebruiken, zoals Imagify.

  • Zorg dat afbeeldingen niet groter zijn dan nodig.

Zorg dat je het juiste formaat afbeelding gebruikt. Als je foto’s bijvoorbeeld direct van je telefoon uploadt naar je website, is je foto vaak veel te groot. Zorg ervoor dat je je foto’s eerst het juiste formaat meegeeft en dan pas uploadt. Een maatwerk website van DoubleWeb zorgt hier automatisch voor.

Wil je een snelle WordPress website?

Heb je nog vragen over websitesnelheid of over WordPress websites, of wil je graag specifieke tips over jouw WordPress website? We horen graag van je!

Nog vragen aan de hand van dit artikel? Neem dan contact met ons op! Contact