Hoe optimaliseer je je WordPress-website
WordPress is een van de meest verspreide en eenvoudig aan te passen CMS'en. In de standaardconfiguratie is het echter vrij traag, vooral als de site veel bezoekers en zware content heeft, of een complex thema gebruikt. Bovendien gebruikt Google sinds 2010 de laadtijd van pagina's als een factor in zijn zoekalgoritmes.
Gelukkig biedt de flexibiliteit van dit CMS veel methoden om het te versnellen en de laadtijd van een website te verkorten. Je kunt je website controleren met online tools zoals de onderstaande om de snelheid van je website na elke stap te volgen:
Al deze tools geven inzicht in hoe je website laadt en welke delen van de website meer tijd nodig hebben om te laden dan andere (oftewel, welke geoptimaliseerd moeten worden). De tools Google Page Speed en GTmetrix zijn beter voor beginners omdat ze handige tips geven over hoe de website geoptimaliseerd kan worden, terwijl Pingdom en WebPagetest een meer technische benadering hebben en meer ervaring met webontwikkeling vereisen om te begrijpen.
Hieronder bekijken we enkele manieren waarop je een WordPress-website kunt optimaliseren. We raden aan deze tips te volgen bij het bouwen van je website.
OPMERKING: Maak een back-up van je website voordat je wijzigingen aanbrengt.
Tips om een website sneller te maken
Afbeeldingen optimaliseren
Zoekmachines geven de voorkeur aan snel ladende sites, dus geoptimaliseerde afbeeldingen kunnen je ook helpen hoger te scoren in de zoekresultaten, in vergelijking met tragere, niet-geoptimaliseerde WordPress-sites. Bovendien geven mensen simpelweg de voorkeur aan snel ladende afbeeldingen en blijven ze waarschijnlijk langer op een site als ze niet hoeven te wachten tot visuele bronnen geladen zijn.
Er kunnen verschillende technieken worden gebruikt om de bestandsgrootte te verkleinen en de prestaties van de website te verbeteren.
Afbeeldingen comprimeren – Je kunt een afbeeldingscompressie-plugin of afbeeldingsbewerkingssoftware gebruiken om de bestandsgrootte van je afbeeldingen te verkleinen. Sommige WordPress-plugins kunnen afbeeldingen automatisch comprimeren zodra je ze uploadt, waardoor het proces moeiteloos verloopt.
Afbeeldingen schalen – Het is essentieel om ervoor te zorgen dat je afbeeldingen de juiste afmetingen hebben voor het beoogde gebruik op het web.
Afbeeldingen converteren – Afbeeldingen converteren naar geoptimaliseerde bestandsformaten zoals WebP of AVIF is een andere techniek. Deze formaten bieden uitstekende compressie zonder merkbaar kwaliteitsverlies.
Lazy loading gebruiken – Lazy loading stelt het laden van afbeeldingen uit tot ze nodig zijn, bijvoorbeeld nadat een gebruiker verder naar beneden op de pagina heeft gescrold. Dit kan de initiële laadtijd van de pagina aanzienlijk verbeteren, vooral wanneer er videocontent op de pagina staat.
Onnodige metadata verwijderen – Een meer geavanceerde praktijk is het verwijderen van onnodige metadata en opmerkingen uit je afbeeldingsbestanden. Dit kan worden gedaan met afbeeldingsbewerkingssoftware of optimalisatie-plugins.
Je kunt deze handleiding raadplegen voor verdere instructies.
Gebruik een CDN
CDN staat voor Content Delivery Network. Dit is een netwerk van servers waarbij elke server een kopie van je websitegegevens bevat. Wanneer een bezoeker je site wil bekijken, handelt de server die het dichtst bij zijn locatie staat het verzoek af. Door een CDN te gebruiken, worden bezoekers van een website bediend met statische bestanden vanaf de dichtstbijzijnde server ten opzichte van hun geografische locatie. Omdat het CDN is opgebouwd uit servers over de hele wereld, zijn statische bestanden die in het CDN worden gehost sneller toegankelijk.
Als je host bij EasyWP, krijg je een gratis Basic Supersonic CDN-dienst bij je installatie inbegrepen.
Elimineer render-blocking JavaScript en CSS
Tijdens het controleren van websites met Google Page Speed kun je een of meer meldingen tegenkomen met een rood uitroepteken waarop staat "Elimineer render-blocking JavaScript en CSS in above-the-fold content". Dit betekent dat geen van de above-the-fold content op de pagina kon worden weergegeven zonder te wachten tot de bronnen geladen waren.
Dit kan worden opgelost door extra Minify-instellingen van de W3 Total Cache-plugin in te schakelen. Hiervoor moet je naar het tabblad Algemene instellingen van de plugin gaan en de Minify-modus op Handmatig instellen, zoals hieronder:
Voordat je verdergaat, zorg ervoor dat de velden JS minify-instellingen in het menu Minify zijn ingesteld op de volgende instellingen:
Als je klaar bent, moet je de bijbehorende JavaScript-URL's die door Google PageSpeed worden verstrekt toevoegen in het veld JS-bestandsbeheer, zoals hieronder:
Voer dezelfde stappen uit voor het veld CSS-bestandsbeheer en vul de CSS-URL's op dezelfde pagina in:
Dat is alles! De melding "Elimineer render-blocking JavaScript en CSS in above-the-fold content" zou niet meer moeten verschijnen als je de bovenstaande stappen in de juiste volgorde hebt uitgevoerd.
Maak regelmatig je database schoon
De database is het hart van je website. Al je content wordt opgeslagen in de database, al je website-instellingen, al je gebruikersgegevens, enzovoort. Het probleem is echter dat de database na verloop van tijd rommelig wordt. Dit is het gevolg van talloze schrijf-update-verwijderbewerkingen die soms restanten achterlaten. Te veel van dat soort rommel kan ervoor zorgen dat je website trager wordt.
Daarom moet je af en toe je database opschonen en optimaliseren. Je kunt hier meer lezen over database-optimalisatie hier.
Gebruik een thema dat geoptimaliseerd is voor snelheid
Een thema speelt een sleutelrol in de laadsnelheid van een website. Als je van plan bent een drukbezochte blog te maken, raden we aan onderzoek te doen en te testen om het lichtste en meest geoptimaliseerde thema te vinden. De belangrijkste regel bij het kiezen van een thema voor een WordPress-website is dat het thema moet aansluiten bij de inhoud van je website. Bepaal eerst het onderwerp en de inhoud van je website en kies daarna pas een thema dat bij je behoeften past.
Veel WordPress-thema's zijn aanpasbaar en stellen gebruikers in staat om meerdere thema-opties aan te passen om het gewenste uiterlijk te creëren. Als deze opties echter slecht gecodeerd zijn, kunnen ze problemen veroorzaken bij het overstappen naar een ander thema. Sommige WordPress-thema's die er op het eerste gezicht aantrekkelijk uitzien, kunnen je website juist trager maken dan nodig is. Hieronder vind je enkele nuttige tips om het beste thema voor je WordPress-website te kiezen:
Hoe eenvoudiger, hoe beter.
Kies een thema met een responsief ontwerp.
Probeer alleen hoog gewaardeerde plugins te kiezen die compatibel zijn met jouw versie van WordPress
Let op de aanwezigheid van paginabouwers die bij het thema worden geleverd.
Let op de SEO-vriendelijkheid van het thema.
Ook bieden de meeste themabouwers voorbeeldwebsites die laten zien hoe het thema werkt en wordt weergegeven. Test deze websites met tools zoals Google Page Speed en GTmetrix indien mogelijk.
Gebruik alleen de noodzakelijke plugins
Plugins zijn een van de grootste krachten van WordPress, maar ze zijn ook een veelvoorkomende oorzaak van trage websites. Het kan verleidelijk zijn om veel plugins te installeren om de functionaliteit uit te breiden, maar elke extra plugin verhoogt de laadtijd van je website, het servergebruik en de kans op conflicten. Na verloop van tijd kan dit leiden tot merkbaar tragere prestaties, vooral bij goedkopere hostingpakketten. Om dit te voorkomen, controleer regelmatig je geïnstalleerde plugins en verwijder plugins die inactief, overbodig of niet langer nodig zijn. Zoek naar lichte alternatieven voor zware plugins en vermijd het stapelen van plugins die vergelijkbare functies bieden. Als een plugin slechts kleine voordelen biedt maar veel prestaties kost, overweeg dan of deze echt nodig is. Door goed ontwikkelde, actief onderhouden plugins te kiezen die essentiële functies bieden, blijft je WordPress-website snel, veilig en stabiel.