Speed matters! 5 tips om je website-snelheid te verbeteren

Danny, 24 juli 2019

Je website moet snel laden. Wanneer je online aanwezigheid cruciaal is voor je organisatie, dan doet snelheid er toe. Een sneller ladende website betekent een hogere ranking in de zoekmachines, meer conversie en meer omzet. Welke maatregelen kun je nemen om de website snelheid te verbeteren? Hier heb je 5 tips.

Snelheidstip 1 – Lazy loading voor afbeeldingen

Als een webpagina veel afbeeldingen heeft en deze allemaal tegelijk door de browser worden ingeladen, dan gaat dat flink ten koste van de laadtijd van de pagina. En dat is zonde, zeker wanneer ook de afbeeldingen al worden geladen die de site-bezoeker nog helemaal niet op zijn scherm ziet.

Lazy loading is een manier om toch de webpagina snel te laden. Je kunt dit in je WordPress site onder andere regelen met een plugin als WP Rocket. Hierdoor worden alleen de afbeeldingen geladen al in beeld zijn. Met andere woorden: de afbeeldingen die buiten beeld staan, worden pas volledig ingeladen als de websitebezoeker er heen scrollt.

Snelheidstip 2 – Schakel over op PHP 7 en HTTP/2

PHP is de meest gebruikte scripttaal voor websites. Door je website om te zetten naar de meest recente versie (PHP 7.3) is de snelheid van je website flink te verbeteren. Hetzelfde geldt wanneer je gebruik maakt van HTTP/2. Dit is een techniek die zorgt dat het laden van een webpagina en vooral de statische delen ervan via een beveiligde verbinding nog sneller wordt. 

Snelheidstip 3 – Zorg voor caching

Voor een snelle website is caching belangrijk. Caching is de benaming voor het tijdelijk opslaan van gegevens van je website. Dit zorgt ervoor dat je website sneller laadt voor een terugkerende of volgende bezoeker. Er zijn meerdere vormen van caching beschikbaar. Zo bestaat er caching waarbij de volledige pagina uit het geheugen van de webserver wordt getoond. Deze vorm heet full-page caching. Full page caching kan door je hoster geregeld worden met bijvoorbeeld Varnish. Een groot voordeel daarvan is dat de cache al een pagina aan je bezoeker kan tonen, zonder dat je webserver aan het werk moet. Dat is dus super snel. 

Full-page cache

Een andere vorm van full-page cache kun je zelf met plugins regelen. Bijvoorbeeld met een plugin als W3 Total Cache. Soms is full-page cache geen goede optie, omdat je pagina veel elementen heeft die speciaal voor de ene bezoeker zijn en niet voor een andere. Als de ene bezoeker producten in zijn winkelmandje stopt, wil een andere bezoeker die niet in zijn winkelmandje terugvinden. Ook dan kun je nog met je hoster kijken naar extra mogelijkheden van het cachen van database queries, objecten en opcode. Dat zijn kleinere onderdelen die gebruikt worden voor het opbouwen van de pagina. 

Er zijn scenario’s denkbaar dat je website caching overslaat en dat heeft erg grote impact op de performance van je website. Sommige hosters laten daarom zien aan je of de full-page cache werkt voor jouw site. Bij Savvii kun je dit eenvoudig controleren., Je kunt in de headers van het antwoord van de server zien of caching ‘raak’ is of ‘mis’. Je ziet daar staan of x-varnish-cache een ‘HIT’ of een ‘MISS’ geeft. Deze headers kun je bekijken met bijvoorbeeld de developer tools in Chrome. Je kiest dan voor het tabblad Network. Als je de pagina herlaadt zie je een lijst ontstaan. Een soort waterval van de onderdelen van je pagina die opgevraagd worden. Als je een onderdeel aanklikt kun je daarvan de headers zien.  Bekijk hier of er een cache gerapporteerd wordt. Zie je achter de header geen ‘HIT’ staan, neem dan contact op met je website bouwer of website hoster en kijk of caching toch mogelijk is.

Snelheidstip 4 – Admin-ajax

Admin-ajax is een script in WordPress om informatie die niet door full-page cache gedeeld mag worden met andere bezoekers, op te vragen. Bij zo’n aanvraag wordt WordPress op de achtergond nog een keer geladen. Dit kun je bijvoorbeeld gebruiken om te tonen hoeveel producten er in het winkelmandje liggen. 

Qua websitesnelheid kan hier veel misgaan. Wanneer een admin-ajax opdracht al meteen bij het openen van een pagina uitgevoerd wordt, kost je dat veel snelheid. In veel gevallen is dat onnodig; een nieuwe bezoeker heeft altijd een leeg winkelwagentje, daarvoor hoef je WordPress niet te raadplegen. Controleer daarom altijd of je niet onnodige verzoeken naar WordPress laat gaan. Zeker bij grotere bezoekersaantallen kun je hier in de problemen komen met de performance van je website. 

Snelheidstip 5 – Ga wijs om met externe bronnen

Let op met externe bronnen. Voor het aanroepen hiervan moet je website telkens informatie opvragen bij externe partijen. Dat kost veel meer tijd dan wanneer er iets opgehaald wordt van hetzelfde domein als de website. Als je één extern verzoek doet op een pagina is dat niet erg. Heb je een pagina met feeds van externe bronnen zoals Facebook, Twitter of Hotjar en worden die in het begin van de pagina geladen? Dan is dat slecht voor de snelheid van je website.
Dit betekent niet dat je externe bronnen niet moet gebruiken. Zorg wel dat je ze zo laat mogelijk inlaadt en bedenk of je ze echt nodig hebt. 

Meer tips voor een snelle WordPress website

Wil je bovenstaande tips verder uitgelegd hebben of ben je op zoek naar nog meer tips om je WordPress website snelheid te verbeteren?

Download whitepaper: 9 tips om jouw site te versnellen

Reageer