Technische Basics

Website-optimalisatie: Hoe zorg je ervoor dat je blog sneller laadt?

Martin Trauzold
Laatste update januari 22, 20209 Minuten om te lezen

Zorg ervoor dat je website zo snel mogelijk laadt; hierdoor komt je blog hoger op de lijst van de zoekmachines en zijn je klanten tevredener.

Hier vind je een aantal quick wins waarmee je je laadtijden kunt verbeteren.Veel websites doen er veel te lang over om te laden. Een snel ladende webpagina is nochtans een belangrijk criterium voor de plaats op de ranglijst in Google en andere zoekmachines, omdat traag laden een negatieve impact heeft op de gebruikerservaring.

In het volgende artikel bieden we enkele nuttige tips en hulpmiddelen om je te helpen de laadtijd van je website aanzienlijk te verbeteren.

JE LEERT:

  • Waarom snelle laadtijden belangrijk zijn.
  • Hoe de laadsnelheid van je website te achterhalen.
  • Welke stappen je kunt ondernemen om je laadtijden te verbeteren.

Waarom is snelheid belangrijk?

Het is een bekende situatie: je vult je zoekterm in in een zoekmachine, klikt op een resultaat en… wacht. Wanneer er niets of erg weinig lijkt te gebeuren, klik je op de terug-knop van je browser en selecteer je een ander zoekresultaat, zelfs zonder er bewust over na te denken.

Het is een feit dat langere laadtijden hogere bouncepercentages veroorzaken en een aanzienlijk slechtere gebruikerservaring betekenen. Vele studies tonen aan dat langere laadtijden kunnen leiden tot aanzienlijk lagere verkoopcijfers en zoekmachines nemen de laadtijden van websites en blogs zeer ernstig. Van websites wordt niet alleen verwacht dat ze zoekresultaten tonen die overeenstemmen met de content, maar ook dat hun content gebruiksvriendelijk is en snel laadt.

Het ontwikkelen van websites is geëvolueerd naar een ‘mobiel eerst’-benadering, wat betekent dat zoekmachines de voorkeur geven aan de mobiele pagina-index boven de desktop-index, nu meer en meer gebruikers websites raadplegen via mobiele apparaten. In deze situatie is de laadsnelheid zelfs nog belangrijker door de beperkte bandbreedte en de datalimiet.

De crawlers van zoekmachines, die je website regelmatig controleren op content en menustructuur, kunnen sneller crawlen door een website met korte laadtijden. Wanneer snelheid gecombineerd wordt met aantrekkelijke of nuttige content, is een hogere plaats in de ranglijst waarschijnlijk je beloning.

Hoe achterhaal ik de snelheid van mijn website?

Het is belangrijk om uit te zoeken hoe snel je website laadt. Je hebt verschillende opties: de eenvoudigste is om je eigen website te bezoeken vanaf een smartphone of een computer om te zien hoe snel deze laadt. Dit kan echter misleidend zijn, aangezien je gewend bent aan de snelheid waarmee je eigen website laadt en je daardoor waarschijnlijk niet in staat bent om een objectieve vergelijking te maken met concurrerende websites.

Bovendien zal de caching (ophalen van voordien opgeslagen componenten), uitgevoerd door je eigen browser, waarschijnlijk zorgen voor een vlottere paginaopbouw dan bij een willekeurige bezoeker, wat de resultaten verder vertekent.

Een meer betrouwbare manier om de laadtijden van je website te controleren wordt aangeboden door Google zelf, met de PageSpeed Insights-service.

Je hoeft slechts de URL van je website in het daartoe bestemde veld in te voeren en te klikken op ‘Analyseren’. Page Speed Insights beoordeelt vervolgens de snelheid van je website en biedt optimalisatietips voor de laadsnelheid van je website, zowel vanaf een computer als vanaf een mobiel apparaat, met toekenning van een score op 100.

Mogelijke optimalisatiemaatregelen worden voorgesteld, samen met suggesties hoe ze te implementeren. Elke optimalisatiemaatregel voorgesteld door PageSpeed Insights wordt vergezeld van adviezen om je te helpen van start te gaan met je optimalisaties.

Op WebPageTest kan je niet alleen je URL invoeren, maar ook de browser aanduiden en de plaats vanwaar de test moet worden uitgevoerd. Dit biedt een inzicht in hoe een website presteert voor bezoekers van over de hele wereld. Voor leden van Amazon Partner kan deze functie erg nuttig zijn om je ervan te verzekeren dat je site zonder vertraging wordt geladen bij je doelpubliek.

Ten slotte kun je met de Which Loads Faster-service je eigen blog vergelijken met dat van een concurrerende site: voer eenvoudig twee URL’s in en je ontvangt het resultaat in enkele seconden.

Al deze hulpmiddelen zijn geweldig om te achterhalen hoe snel je eigen website laadt. Je zou echter kunnen argumenteren dat Page Speed Insights het best is, omdat het praktisch stap-voor-stap advies biedt om de laadsnelheid van je website te helpen optimaliseren.

Google biedt hier ook een overzicht van haar website-optimalisatietips. Het is daarnaast ook een goed idee om de laadsnelheden van je concurrenten te controleren door hun URL’s met deze hulpmiddelen te testen.

Hoe kan ik mijn laadsnelheid verbeteren?

Nu je precies weet wat de snelheid van je website is, volgen hier enkele algemene manieren om de laadsnelheid te verbeteren. Een significante factor voor laadtijden in het algemeen is de complexiteit van een website: hoe meer vergelijkende tabellen, productafbeeldingen en pagina-ontwerpfuncties je site bevat, des te meer scripts, stijlbladen, beeld- en HTML-bestanden er in de achtergrond moeten worden geladen.

Normaal gesproken moet je de volgende gebieden bekijken om je laadtijden te verbeteren:

1. Optimaliseer je afbeeldingen

Hoe groter de afbeelding en hoe hoger de resolutie, des te meer data nodig zijn om het beeldbestand te laden. Elke nieuwe afbeelding zal je laadtijden vertragen, zorg er dus voor dat de resolutie zo laag mogelijk is en de grootte van je afbeeldingen niet groter dan nodig voor je website. Stem hier ook je afbeeldingen op af.

Onthoud dat afbeeldingen van voldoende goede kwaliteit moeten zijn die volstaat voor jouw site. Gratis programma’s die je kunt gebruiken om de afbeeldingen op je website te optimaliseren door hun grootte te verminderen, vind je hier in het overzicht van PageSpeed Insights.

Wanneer je hiervan gebruik maakt, is de kleinst mogelijke beeldbestandsgrootte gegarandeerd. Verbeteringen tot 80% ten opzichte van je oorspronkelijke afbeelding zijn mogelijk.

2. Schakel datacompressie in

Datacompressie kan de grootte van de door de browser te laden webpagina aanzienlijk reduceren, HTML- en CSS-bestanden kunnen zelfs met 70% worden verkleind. Datacompressie wordt doorgaans uitgevoerd door de webserver zelf, vergewis je er dus van dat deze functie ingeschakeld is op jouw server. Het overzicht van PageSpeed Insights biedt ook hierbij nuttige tips en procedures.

3. Website-caching

Een van de belangrijkste optimalisatiemaatregelen tegen een traag ladende website is caching. Zodra een webpagina is gegenereerd, worden data-elementen opgeslagen in het cachegeheugen. De volgende keer dat de pagina wordt bekeken door dezelfde gebruiker, hoeft de server die het verzoek behandelt niet meer alle data opnieuw op te halen. De laadtijd wordt aanzienlijk ingekort door dit caching-proces.

Optimalisatiemaatregelen kunnen worden toegepast op je website met behulp van specifieke plug-ins die je gratis kunt downloaden en installeren binnen WordPress. Dit zijn onder andere het gratis duo WP Super Cache en W3 Total Cache, en de commerciële plug-in WP Rocket. Deze plug-ins zijn gemakkelijk en snel te installeren en te gebruiken, zelfs door beginners.

In een notendop

Een traag ladende website stelt niet alleen het geduld van je bezoekers op de proef, maar kan ook leiden tot een hoog bouncepercentage ten gevolge van een aanzienlijk slechtere gebruikerservaring. Zoekmachines willen hun gebruikers passende zoekresultaten, snelle laadtijden en een positieve gebruikerservaring bieden: een traag ladende webpagina kan daarom worden gestraft met een lagere rang in de lijst met zoekresultaten, wat gewoonlijk leidt tot minder bezoekers en uiteindelijk ook tot minder inkomsten.

Om dit te vermijden, volg je de aanbevelingen in dit artikel: eerst gebruik je een webgebaseerde service zoals PageSpeed Insights om de snelheid van je website te bepalen; vervolgens tref je de juiste optimalisatiemaatregelen om ervoor te zorgen dat je website zo vlot en zo snel mogelijk laadt.