WordPress website sneller maken in 7 stappen

Naast dat een trage website super irritant is, kost het je ook gewoon klanten. Gelukkig hoef je niet altijd een nieuwe website te laten maken om je website te versnellen. Door een paar concrete acties kun je jouw website een flinke snelheidsboost geven! Van het optimaliseren van afbeeldingen tot het verwijderen van onnodige plugins: een WordPress-website sneller maken doe je in 7 stappen!

Waarom is een snelle WordPress-website belangrijk?

Het lijkt voor de hand liggend, maar er zijn verschillende redenen die ik graag kort wil toelichten. Allereerst is er natuurlijk de gebruikerservaring. Tegenwoordig zijn er veel goede websites en webshops, waardoor consumenten er standaard van uitgaan dat een website snel laadt. Duurt het laden te lang? Dan is de kans groot dat de bezoeker al afhaakt voordat de pagina volledig is geladen!

Naast dat het irritant is voor de bezoeker, kan de snelheid van je website ook invloed hebben op de positie van jouw website in de Google zoekresultaten. Hierbij spelen onder andere de Core Web Vitals een rol. Dit zijn verschillende meetwaarden die Google gebruikt om de gebruikerservaring te beoordelen. Hieronder vallen onder andere de laadsnelheid, de reactiesnelheid en de visuele stabiliteit van je website.

Een snelle WordPress-website heeft dus verschillende voordelen, namelijk:

1. Betere gebruikerservaring: bezoekers kunnen sneller en gemakkelijker door de website navigeren zonder frustraties rondom de laadtijd.
2. Minder afhakers: als een pagina snel laadt, zal de bezoeker minder snel afhaken en dus langer op jouw website blijven.
3. Technische SEO: paginasnelheid en de Core Web Vitals maken onderdeel uit van de factoren die Google meeneemt bij het beoordelen van de gebruikerservaring.
4. Meer ruimte voor groei: als een website van origine al langzaam is, kan het uitbreiden ervan een risico vormen.

Het sneller maken van een WordPress-website heeft dus verschillende voordelen. Dit maakt het verstandig om niet eenmalig de snelheid te optimaliseren, maar periodiek de snelheid van je WordPress-website te controleren en te verbeteren.

WordPress-website sneller maken in 7 stappen

Een WordPress-website sneller maken is dus best belangrijk en brengt verschillende voordelen met zich mee, maar hoe verbeter je de snelheid? Er zijn verschillende manieren om de laadtijd van je WordPress-website te verbeteren. Vaak zit het probleem niet in één factor, maar in een combinatie van onderdelen. Met de onderstaande 7 stappen help ik je graag op weg om meer uit je WordPress-website te halen door deze sneller te maken!

1. Optimaliseer je afbeeldingen

Als een bezoeker een pagina bezoekt, wordt deze opgebouwd uit verschillende bronnen. Een van deze bronnen zijn afbeeldingen. Afbeeldingen geven je website leven en beeld zegt meer dan 1.000 woorden. Toch kunnen die afbeeldingen je website behoorlijk vertragen. Zeker als je deze direct vanaf een camera of beeldbank uploadt.

In de meeste gevallen zijn afbeeldingen enkele megabytes groot als je ze rechtstreeks van een camera of beeldbank haalt. Dit is vrijwel altijd veel te groot. Je kunt deze afbeeldingen daarom het beste eerst comprimeren voordat je ze uploadt naar de mediabibliotheek van WordPress. Hierdoor wordt de bestandsgrootte aanzienlijk kleiner, zonder dat je direct kwaliteitsverlies ziet!

Als je afbeeldingen gaat comprimeren of optimaliseren, zijn er een aantal zaken waar je rekening mee moet houden:

• Het bestandsformaat: een foto van een camera heeft vaak het bestandstype JPG/JPEG en afbeeldingen uit een beeldbank zijn regelmatig PNG-bestanden. Overweeg om deze om te zetten naar WebP of AVIF.
• Afbeeldingen verkleinen: op je website gebruik je meestal geen afbeelding van 4.000 pixels breed. Verklein afbeeldingen indien mogelijk naar een breedte van bijvoorbeeld 800 pixels. Het is wel afhankelijk van de locatie op je website hoe klein je deze kunt maken.
• Comprimeer bestanden: om afbeeldingen nog kleiner te maken, kun je gebruikmaken van beeldcompressie. Hiermee optimaliseer je afbeeldingen, waardoor de bestandsgrootte afneemt terwijl de kwaliteit grotendeels behouden blijft.
• Lazy loading: wanneer een afbeelding niet direct zichtbaar hoeft te zijn, kun je het beste kiezen voor ‘lazy loading’. Hierdoor wordt de afbeelding pas geladen wanneer deze in de buurt van het zichtbare gedeelte van de pagina komt.

Binnen WordPress zijn er verschillende plugins die kunnen helpen om afbeeldingen automatisch te optimaliseren. Dit is prettig als je heel veel afbeeldingen hebt en deze automatisch wilt comprimeren en omzetten naar bijvoorbeeld WebP.

Let wel op dat je niet verschillende plugins naast elkaar gebruikt, waardoor je afbeeldingen meerdere keren onnodig worden geoptimaliseerd. Hierdoor kan de kwaliteit achteruitgaan. Ook is het voor een nieuwe website aan te raden om afbeeldingen direct goed te optimaliseren, in plaats van volledig afhankelijk te zijn van een plugin. Dit biedt meer flexibiliteit.

2. Verwijder overbodige plugins

Het grootste voordeel van WordPress is de flexibiliteit die het biedt door de grote hoeveelheid plugins. Met een plugin voeg je gemakkelijk extra functionaliteiten toe zonder zelf maar één regel code te hoeven schrijven. Maar toch zit er een klein kanttekening aan het gebruik van plugins: ze kunnen de laadtijd namelijk negatief beïnvloeden.

Je hoeft niet gelijk bang te zijn dat je afscheid moet nemen van je favoriete plugins. Niet iedere plugin maakt je website automatisch traag. Het gaat met name om plugins die taken uitvoeren op de achtergrond (bijvoorbeeld in de database) of juist enorm veel stijlen en functionaliteiten toevoegen aan pagina’s.

Zorg ervoor dat je dus niet doorslaat in het blindelings downloaden van plugins. Vraag je bij elke plugin af of de functionaliteit echt nodig is. Het is aan te raden om eens in de zoveel tijd een controle uit te voeren op de actieve plugins. Als je die controle uitvoert, kun je op het volgende letten:

• Verwijder plugins: gebruik je een plugin niet meer? Verwijder hem dan.
• Vervang plugins: onderzoek of er betere alternatieven beschikbaar zijn. Wellicht kun je meerdere plugins vervangen door één efficiëntere oplossing.
• Gebruik alleen de functionaliteit die je nodig hebt: ommige plugins hebben heel veel functionaliteiten. Deactiveer indien mogelijk de functies die je niet gebruikt.
• Updaten van plugins: ontwikkelaars updaten regelmatig hun plugins om de prestaties en veiligheid te verbeteren. Installeer daarom altijd de laatste versie.
• Vermijd plugins: er zijn plugins die bekendstaan om de grote hoeveelheid onnodige bestanden die ze inladen. Vermijd deze waar mogelijk.

Heb je een plugin gedeactiveerd, maar merk je geen verschil in de laadtijd? Dat kan kloppen. Als je een plugin deactiveert, blijven de gegevens ervan vaak in de database staan. Sommige plugins laten ook na deactivering gegevens achter. Verwijder ongebruikte plugins daarom volledig en controleer indien nodig of er nog onnodige databasegegevens zijn achtergebleven.

Een goede WordPress-website kan best een aantal plugins hebben, maar deze zijn dan zorgvuldig geselecteerd en voegen daadwerkelijk iets toe aan de website. Ze belemmeren de snelheid en daarmee de gebruiksvriendelijkheid zo min mogelijk.

3. Gebruik caching op je website

Als iemand je website bezoekt, worden er diverse processen uitgevoerd om de pagina op te bouwen. Denk aan het ophalen van informatie uit de database, het inladen van afbeeldingen en stijlen en het uitvoeren van PHP en JavaScript.

Een deel van deze processen wordt bij ieder nieuw bezoek opnieuw uitgevoerd. Als je caching gebruikt, kunnen bepaalde resultaten worden opgeslagen in een soort geheugen. Bij een volgend bezoek hoeft niet het volledige oorspronkelijke proces opnieuw te worden uitgevoerd, maar kan bijvoorbeeld een eerder gegenereerde versie van de pagina worden opgehaald. Hierdoor kan de pagina veel sneller laden, zonder dat de bezoeker hier iets van merkt.

Caching is een relatief technisch proces en er zijn verschillende vormen van caching. Voor een WordPress-website zijn pagina-caching en browser-caching het meest gebruikelijk. Hieronder staan de verschillende vormen met een korte uitleg:

• Pagina-caching: bij pagina-caching wordt een HTML-versie van de pagina opgeslagen, zodat WordPress deze niet bij ieder bezoek opnieuw hoeft op te bouwen.
• Browser-caching: dit type caching laat bestanden zoals afbeeldingen, CSS en JavaScript tijdelijk opslaan in de browser van de bezoeker.
• Object-caching: bij object-caching worden veelgebruikte databasegegevens bewaard, zodat deze niet steeds opnieuw hoeven te worden opgehaald.
• Server-side caching: tot slot bestaat er server-side caching. Dit type caching werkt op serverniveau, bijvoorbeeld via de hostingomgeving.

WordPress kent veel verschillende cachingplugins. Welke plugin het beste voor jou werkt, is afhankelijk van je hostingomgeving en de technische inrichting van je website. Installeer niet meerdere cachingplugins naast elkaar, want dit kan conflicten veroorzaken.

4. Optimaliseer CSS- en JavaScript-bestanden

Eerder hadden we het over het optimaliseren van afbeeldingen. Daarnaast zijn er ook nog CSS- en JavaScript-bestanden die je kunt optimaliseren om je WordPress-website nog sneller te maken.

Het is handig om te weten wat CSS en JavaScript zijn. CSS bepaalt hoe je website eruitziet. Denk aan de kleuren, positionering en lettertypes. JavaScript is verantwoordelijk voor interactieve functionaliteiten, zoals menu’s, animaties en formulieren.

Je WordPress-website heeft CSS en JavaScript, maar ook plugins brengen vaak eigen CSS- en JavaScript-bestanden met zich mee (vandaar het verwijderen van plugins). Als deze bestanden onnodig groot zijn of op het verkeerde moment worden geladen, kan dit de website vertragen. Dit kun je op verschillende manieren aanpakken:

• Minify CSS en JavaScript: je kunt ervoor kiezen om de CSS- en JavaScript-bestanden te minificeren. Hierbij worden onnodige spaties, opmerkingen en andere tekens uit de bestanden verwijderd.
• Verwijder ongebruikte CSS: hiermee zorg je ervoor dat alleen de stijlen worden geladen die daadwerkelijk nodig zijn voor jouw website. Dit is handig als je stijlen hebt overschreven of als je maar een klein gedeelte van de beschikbare functionaliteiten gebruikt.
• Stel JavaScript uit: in veel gevallen hoeft JavaScript niet direct geladen te worden. Kies ervoor om het laden van scripts uit te stellen tot een later moment als ze niet direct nodig zijn.
• Beperk externe scripts: er worden regelmatig externe scripts ingeladen door plugins en thema’s. Controleer of externe tools en widgets echt noodzakelijk zijn.
• Laad bestanden gericht: soms gebruik je een widget of element alleen op pagina X. Dan is het aan te raden om de bijbehorende bestanden alleen op die pagina’s te laden en niet op andere pagina’s.

Bij het optimaliseren van CSS en JavaScript kan je website er anders uit gaan zien of minder goed werken. Om ervoor te zorgen dat je weet waar het probleem zit, is het verstandig om na elke aanpassing te controleren of je website nog goed functioneert.

5. Houd je database schoon

Elke plugin, pagina, bericht, enzovoort brengt informatie met zich mee die WordPress bewaart in de database. In eerste instantie hoeft dit geen problemen te veroorzaken, maar naarmate je website langer bestaat en je bedrijf groeit, groeit de database mee.

In de meeste gevallen zijn niet alle opgeslagen gegevens noodzakelijk voor de dagelijkse werking van je WordPress-website. Je kunt vaak oude revisies van berichten en pagina’s, verlopen transients en ongebruikte gegevens van plugins verwijderen.

Bij het controleren van de database kun je onder andere letten op:

• Oude berichtrevisies.
• Verlopen tijdelijke gegevens (transients).
• Spamreacties en verwijderde reacties.
• Ongebruikte tabellen van verwijderde plugins.

Als je wijzigingen wilt aanbrengen in de database, is het belangrijk dat je altijd eerst een back-up maakt van de betreffende database. Wanneer je per ongeluk de verkeerde gegevens verwijdert, kan je website niet meer functioneren. In sommige gevallen kan dit zelfs leiden tot gegevensverlies dat lastig te herstellen is.

6. Kies voor snelle hosting

Een WordPress-website sneller maken betekent ook goed kijken naar je huidige hostingpakket. Er zijn veel aanbieders met goedkope hosting, maar in veel gevallen is dit uiteindelijk niet voldoende. De server waarop je website draait, speelt namelijk een belangrijke rol bij het verwerken van verzoeken en het versturen van pagina’s naar bezoekers.

De meeste WordPress-websites draaien op gedeelde servers. Dit hoeft geen probleem te zijn, maar de prestaties zijn dan wel afhankelijk van de beschikbare servercapaciteit en andere websites in dezelfde serveromgeving. Let bij het kiezen van WordPress-hosting onder andere op de volgende onderdelen:

• Serverprestaties: is er voldoende CPU- en geheugencapaciteit beschikbaar voor jouw website om het verwachte aantal bezoekers te verwerken?
• PHP-versie: is er een actuele PHP-versie beschikbaar die WordPress en je plugins ondersteunt en veilig houdt?
• Caching: ondersteuning voor server-side caching is niet altijd noodzakelijk, maar kan helpen om de snelheid van je website te verbeteren.
• Databasetechniek: WordPress draait op een database. Elke pagina kan meerdere keren informatie uit de database opvragen. Zorg ervoor dat de databaseomgeving goed is geconfigureerd.
• Uptime: als bedrijf wil je dat jouw website altijd online is. De uptime bepaalt de beschikbaarheid van je website en dus of deze bereikbaar is voor je bezoekers.

Goedkope hosting is niet altijd slecht. Voor een kleine website kan een eenvoudig hostingpakket prima voldoen. Wanneer je website groeit of veel bezoekers ontvangt, kan het echter wel verstandig zijn om over te stappen naar een betere hostingomgeving.

Niet meer omkijken naar je websitehosting? Bekijk onze pagina over website hosting.

7. Meet en controleer de snelheid van je website

Je merkt zelf snel of je website snel of langzaam is, maar zonder te meten weet je niet of je daadwerkelijk resultaat behaalt. Het is belangrijk dat je de snelheid van je website regelmatig blijft testen en optimaliseren.

Er zijn een aantal manieren om de snelheid van je pagina’s te meten. De meest populaire tool hiervoor is Google PageSpeed Insights. Hiermee meet je zowel de mobiele als desktopprestaties van je website.

Naast een algemene snelheidsscore voor de mobiele en desktopversie van je website, krijg je met Google PageSpeed Insights ook inzicht in andere technische meetwaarden, waaronder de Core Web Vitals:

• Largest Contentful Paint (LCP): deze meetwaarde geeft aan hoe snel het grootste zichtbare contentonderdeel wordt geladen. Een goede score is maximaal 2,5 seconden.
• Interaction to Next Paint (INP): deze meetwaarde geeft aan hoe snel je website reageert op interacties van bezoekers. Een goede score is maximaal 200 milliseconden.
• Cumulative Layout Shift (CLS): deze meetwaarde geeft aan hoeveel onverwachte verschuivingen er plaatsvinden tijdens het laden. Een goede score is maximaal 0,1.

Naast PageSpeed Insights zijn er ook andere tools, zoals GTmetrix en WebPageTest. Je kunt deze gebruiken om de resultaten met elkaar te vergelijken. Daarnaast geven ze aanvullende informatie over de prestaties en technische opbouw van je website.

Een andere valkuil is dat je alleen je homepagina test. Kies ervoor om meerdere pagina’s te testen om een volledig beeld te krijgen van de prestaties van jouw website. Zo zijn dienstenpagina’s of webshop-pagina’s vaak langzamer, bijvoorbeeld doordat ze meer afbeeldingen, scripts of andere functionaliteiten bevatten.

Is je WordPress-website na optimalisatie nog steeds traag?

Heb je alle 7 bovenstaande stappen doorlopen, maar blijft je WordPress-website traag? Dan kan het probleem dieper in de technische structuur van de website zitten.

Veel ondernemers kiezen bij het laten maken van hun website voor een thema dat achteraf heel zwaar blijkt te zijn, een externe pagebuilder of een grote hoeveelheid plugins die allemaal hun eigen scripts en stijlen inladen.

In zo’n geval kun je de problemen niet altijd met optimalisatieplugins oplossen. Het is verstandig om de website door een specialist te laten beoordelen op verschillende aspecten, waaronder de technische basis. Een specialist kan bepalen welke acties ondernomen moeten worden, zoals:

• Een nieuwe maatwerkwebsite laten ontwikkelen.
• Nieuwe plugins ontwikkelen met alleen de benodigde functionaliteiten.
• Zware onderdelen van de website herbouwen.
• De database verbeteren of opnieuw inrichten.
• Overstappen naar een alternatieve hostingomgeving.

In sommige gevallen is optimaliseren voldoende. Bij een verouderde of technisch slecht opgebouwde website kan het laten maken van een nieuwe website echter een betere beslissing zijn, zodat de website nog jarenlang mee kan.

WordPress-website sneller maken met de hulp van King-Media

Lukt het niet om zelf je WordPress-website sneller te maken? Bij King-Media kijk ik niet alleen naar de snelheidsscore van je website, maar vooral naar de techniek die erachter zit. Een hoge score in PageSpeed Insights is mooi, maar uiteindelijk moet je website ook in de praktijk snel, stabiel en eenvoudig te onderhouden zijn.

Als zelfstandig WordPress-specialist help ik ondernemers en marketeers bij het ontwikkelen, onderhouden en optimaliseren van maatwerk WordPress-websites en webshops. Hierbij ligt de focus op de techniek en niet op de vormgeving.

Ik kijk objectief naar de hosting, gebruikte plugins, thema’s, afbeeldingen en technische opbouw van de website. Waar mogelijk optimaliseer ik de bestaande website. Is de technische basis zo lek als een mandje? Dan bespreek ik welke structurele verbeteringen nodig zijn voor een toekomstbestendige online aanwezigheid.

Veelgestelde vragen over een WordPress website sneller maken

Conclusie: zo maak je jouw WordPress-website sneller

Een snelle WordPress-website begint bij een goede technische basis. Door afbeeldingen te optimaliseren, onnodige plugins te verwijderen, goede hosting te kiezen en caching correct in te stellen, kun je vaak al een groot verschil maken.

Vergeet daarnaast niet om je CSS, JavaScript en database te controleren en de prestaties regelmatig te meten. Zo voorkom je dat je website na verloop van tijd onnodig traag wordt.

Blijft je website ondanks deze aanpassingen traag? Dan is het verstandig om verder te kijken dan alleen optimalisatieplugins. De oorzaak kan namelijk in de technische opbouw van je website zitten.