TRAGE WORDPRESS-WEBSITE

Het aanpakken van oorzaken die de snelheid van een WordPress-website vertragen, is net zo aantrekkelijk als het hebben van goede voornemens voor het nieuwe jaar. Het kan een proces van eliminatie zijn om erachter te komen wat de oorzaken zijn van een trage website. Als het laden van een website lang duurt, dan zal een bezoeker eerder afhaken en zijn heil ergens anders zoeken. Bovendien is het een slecht signaal aan de zoekmachine en zal deze jouw website mogelijk lager tonen in de zoekresultaten. Dat zijn belangrijke redenen om kritisch naar de snelheid van jouw WordPress-website te kijken. We bespreken de 6 belangrijkste oorzaken van een trage website en geven suggesties om deze oorzaken aan te pakken.

Controleer je snelheid voordat we beginnen

Met de tool PageSpeed Insight van Google breng je de snelheid van een website op zowel mobiel als desktop in kaart. Door inzicht te krijgen in de laadtijd van de website kun je gericht optimalisaties doorvoeren. Deze optimalisaties hebben als doel om de laadtijden van websites te minimaliseren. Hoe sneller een pagina laadt, hoe groter de kans dat een bezoeker op de pagina blijft. Wanneer laden te lang duurt zal de bezoeker snel afhaken.
Deze tool controleert bijvoorbeeld de laadtijden en statistieken van pagina’s, zoals Largest Contentful Paint (LCP). Hiermee wordt aangegeven hoe lang het duurt voordat het grootste element op een pagina aan de bezoeker wordt getoond. Het kan hierbij gaan om een tekstblok, maar ook om een afbeelding of video.
Deze tool wijst ook op mogelijke optimalisaties, zoals beeldcompressie, CDN-gebruik en welke scripts er (te) lang over doen om te laden.

Wat zijn de oorzaken van een trage WordPress-site?

Hieronder de 6 mogelijke oorzaken waardoor een website traag kan zijn en je bezoekers sneller afhaken.

1. Niet-geoptimaliseerde afbeeldingen

Afbeeldingen zijn een belangrijke reden voor trage websites. Afbeeldingen zijn vaak niet gecomprimeerd, wat grote vertragingen bij het renderen kan veroorzaken.
Als je een gedeelte van je website hebt ingesteld met CSS om een ​​afbeelding van 400 x 400 pixels weer te geven, maar een afbeelding van 800 x 800 pixels uploadt, moet je nog steeds wachten tot die extra 400 x 400 pixels zijn geladen, ook al wordt de afbeelding niet weergegeven in die resolutie. Wat er achter de schermen gebeurt, is dat de browser eerst de afbeelding van 800 x 800 pixels laadt voordat deze wordt verkleind tot de afbeelding van 400 x 400 pixels. Dit kost extra tijd en vertraagt​ de laadtijd.
In plaats van te wachten op de browser om de afbeelding te downloaden en te verkleinen, begin je met de juiste grootte (breedte en hoogte) die overeenkomt met wat is ingesteld om op de pagina weer te geven.
Hier zijn twee dingen die je kunt doen:
> Upload een afbeelding met dezelfde afmetingen als de weergaveruimte. Gebruik een aanpassingstool om de afbeelding met het juiste formaat te uploaden. WordPress bevat functionaliteit voor het wijzigen van het formaat van afbeeldingen wanneer je een bestand uploadt.
> Upload een gecomprimeerde afbeelding. Gebruik een afbeeldingscompressie tool om de bestandsgrootte terug te brengen. Als het bestand kleiner is, dan kan de afbeelding sneller geladen worden. Je kunt daarvoor een programma als TinyJPG gebruiken.

2. Geen caching-plugin gebruiken

Er is eigenlijk geen excuus om geen caching-plugin te gebruiken. Als jouw website geen pagina’s in het cachegeheugen opslaat, kun je de server overbelasten, waardoor deze trager wordt. Eenvoudig gezegd maakt een caching-plugin een soort foto (statische html pagina) van je pagina om die aan de bezoeker te laten zien. Normaal gesproken worden allerlei bestanden en scripts in de achtergrond geladen om de pagina te laten zien, maar een caching-plugin zet deze informatie om in een statische pagina. Zo kan een plug-in dus jouw snelheid flink verbeteren, wat ten goede komt aan het aantal bezoekers en conversies!

3. Geen CDN gebruiken

De afkorting CDN staat voor Content Delivery Network. Dit is een wereldwijd netwerk van servers die met elkaar in verbinding staan. Deze servers slaan statistische bestanden van de website op, zoals JavaScript, CSS, HTML en afbeeldingen, waardoor er overal ter wereld kopieën van jouw content beschikbaar zijn. Zo kan een websitebezoeker deze data ontvangen van de server die het dichtst bij gelegen is. Door het gebruik van een CDN wordt de belasting van de hosting verminderd en de snelheid voor bezoekers verbeterd.

4. Achtergrondprocessen

Je back-ups of updates moeten worden uitgevoerd tijdens uren met weinig verkeer, bijvoorbeeld ‘s nachts. Zorg ervoor dat de instellingen hiervan weinig impact hebben, want sommige plug-ins kunnen arbeidsintensief zijn en de paginasnelheden aanzienlijk vertragen. Denk maar eens aan plug- ins die gegevens verzamelen, SEO-functies uitvoeren, statistieken verzamelen of back-ups maken. Je moet je afvragen of de gebruikte plug-ins noodzakelijk zijn.
Neem bijvoorbeeld een plug-in die automatisch back-ups maakt. Wil je deze dagelijks, wekelijks of maandelijks draaien? Is het een idee om het handmatig te doen? Als je hiervoor plug-ins gebruikt, dan kan dat je website aanzienlijk vertragen en kan het soms interessant zijn om het toch handmatig te doen op het moment dat jij denkt dat het moet.

5. Bandbreedtebeperkingen

De makkelijkste manier om je WordPress website sneller te maken is door alle overbodige resources te verwijderen. De één na makkelijkste manier om je website sneller te maken is om alle resources die wel nodig zijn te comprimeren. Je kan dit het makkelijkst en meest efficiënt doen door GZIP compressie in te schakelen. Er zijn dan minder gegevens nodig om je pagina te laden. GZIP comprimeert bestanden tot 90%, waardoor hogere paginasnelheden, verbeterde SEO en een betere algemene gebruikerservaring mogelijk zijn.
Je kunt GZIP inschakelen met een aantal plug-ins, zoals de gratis WP Super Cache. Om te testen of je GZIP correct aan je website hebt toegevoegd, ga je naar de GZIP-tester en voer je de URL van je website in. Als het correct is ingesteld, wordt een bericht geretourneerd waarin staat dat ‘GZIP is ingeschakeld’.

6. Te veel verzoeken

Elk onderdeel op een pagina is een HTTP-verzoek. Hoe lager het aantal verzoeken, hoe hoger de snelheid. Het vereenvoudigen van het ontwerp van een pagina kan een grote bijdrage leveren aan het verminderen van het aantal verzoeken dat nodig is om de pagina te laden. Vergeet niet dat elke afbeelding of link een verzoek is. Je kunt overbodige verzoeken verminderen en daarmee de snelheid van de pagina verhogen. We raden ook aan om CSS-bestanden te combineren en terug te brengen in een enkel bestand. Hetzelfde geldt voor Javascript-bronnen. Het verminderen van verzoeken zal de laadtijden direct verbeteren.

Ten slotte

Het verbeteren van de snelheid heeft op verschillende manieren invloed op de resultaten in de zoekmachine (SERP’s). Het begon in 2010 met rankschikking op basis van desktopsnelheid. In 2018 ging dat over in mobile-first indexing, waarbij niet meer naar desktop werd gekeken, maar enkel naar mobiele snelheid. In juni 2021 werd Core Web Vitals (CWV) geïntroduceerd, waarbij wordt gekeken naar de on-page (gebruikers)ervaring van websitebezoekers. Als de gebruikerservaring slecht is, dan
is dat een slecht signaal naar de zoekmachine. Uit onderzoek blijkt dat de helft van de mensen die websites op hun mobiele telefoon bezoekt, een website verlaat als deze niet binnen 3 seconden geladen is. Dit is een ‘bounce’ en heeft indirect invloed, in negatief opzicht, op de posities in de zoekresultaten.

Deze blog is geschreven door Jeroen van der Zwet. Jeroen is actief als SEO content specialist bij diverse websites, waaronder JM Promotions. In zijn vrije tijd schrijft hij artikelen over marketing gerelateerde artikelen, zoals zoekmachineoptimalisatie (SEO), webdesign, WordPress, sociale media en nog veel meer. Jeroen helpt MKB-Online.nu bij het up-to-date houden van content op de website.