Waarom is mijn WordPress website traag? (7 oorzaken)

Is je WordPress website traag en wil je graag weten waar het aan ligt?

Heb je een pagespeed test via Google Pagespeed Insights, GTmetrix of Pingdom gedaan en is je snelheidsscore slecht?

Zegt Google Search Console dat je site-vitaliteit onvoldoende is?

Geen zorgen. De kans is HEEL groot dat je site langzaam is door één of meerdere veelvoorkomende factoren.

En gelukkig zijn de meeste vrij gemakkelijk op te lossen.

Het probleem met trage WordPress sites..

Wij hedendaagse internetbewoners zijn een uiterst verwend soort.

We raken snel geïrriteerd als een site langzaam laadt of slecht reageert. Grrrrrr!

Duurt laaaaaang!

Het gevolg?

Mensen klikken snel weer weg (waardoor je een hoge ‘bounce rate’ hebt)..

Doen niet wat je wil dat ze doen (waardoor je een lagere conversie hebt)..

Én Google stuurt je hoogstwaarschijnlijk ook minder bezoekers.

Kortom: no bueno.

Maar..

Wat zijn de belangrijkste oorzaken van een trage website?

Laten we er geen doekjes om winden.

In mijn ervaring zijn dit de 7 meest voorkomende oorzaken van een trage WordPress site:

  1. Slechte (vaak goedkope en gedeelde) of ondermaatse hosting
  2. Afbeeldingen: te veel, te zwaar, geen ‘lazy loading’
  3. Dynamische / persoonlijk content (sessies)
  4. Teveel, zware en/of conflicterende plugins
  5. Zwaar WordPress thema
  6. Scripts & insluitingen (zoals analytics, chatbots, Google Maps e.d.)
  7. Google fonts

Deze zal ik zo wat verder toelichten.

Maar eerst..

🚨 BELANGRIJK

Ondanks dat tests altijd verschillende scores geven, zijn de scores zelf grotendeels onbelangrijk.

Het doel is niet om je “snelheidsscore” te verbeteren, maar om je daadwerkelijke laadtijden te verbeteren.

Deze zijn wel gerelateerd, maar niet hetzelfde. Scores geven je een (oppervlakkige) indicatie, niet per se een accuraat beeld van de gebruikerservaring in de praktijk.

Veel grote succesvolle websites zoals; Bol, Amazon, Apple en zelfs de meeste van Google’s eigen sites scoren vaak slecht, maar zijn in werkelijkheid snel voor gebruikers. En dat is wat telt.

Maak geen obsessie van scores. En laat je niet gek maken door al die “optimalisatie goeroes” en hun paniekzaaierij.

Als de meeste pagina’s op je site binnen ~2 seconden laden, is het meestal tijdverspilling om het verder te optimaliseren.

Een simpele snelheidstest

Is je WordPress website traag vanwege je website zelf, of ligt het aan je hosting?

Stap 1: Maak een zo leeg mogelijke pagina aan.

Zonder enige inhoud.

Het liefst zelfs zonder header en footer. En ook zonder plugins.

Als alternatief kun je ook een staging site (kloon) maken waar je alles uitzet of een nieuwe WordPress installatie op een subdomein aanmaken.

Stap 2: Publiceer de pagina.

Stap 3: Test de pagina via Google Pagespeed Insights.

Stap 4: Evalueer je score en laadtijden

Scoor je 90 of hoger? Dan is het meestal een website probleem.

Scoor je lager dan 90? Dan is het hoogstwaarschijnlijk een hosting probleem.

Dit is zeker geen perfecte test, maar wel een handige vuistregel.

Als je website zonder enige inhoud en achtergrondprocessen geen goede laadtijden en score kan halen, kun je het met alle toeters en bellen helemaal wel vergeten.

Dit geeft je een goede indicatie waar je moet beginnen.

Goede WordPress hosting is namelijk van kritiek belang. Het heeft totaal geen zin om je site te gaan optimaliseren wanneer je hosting de grote boosdoener is.

In veel gevallen presteert een niet geoptimaliseerde website prima op goede hosting, terwijl het omgekeerde vaak niet opgaat.

Hoe maak je je WordPress site sneller?

Naast de simpele test die we net hebben gedaan, wil ik je ook graag aanbevelen om eens naar WebpageTest.org te gaan om je site te testen.

Zelf gebruik ik meestal de volgende of vergelijkbare instellingen:

Dit geeft je in mijn ervaring een aardig beeld hoe je pagina presteert bij wat gebrekkige mobiele 4G verbinding. In werkelijkheid zal het in —in Nederland— meestal beter zijn.

Daarnaast zie je, als je gebruikmaakt van Google Search Console én voldoende bezoekers hebt, onder het kopje “Site-vitaliteit” ook resultaten van echte bezoekers verschijnen:

Voor meer details en tips, zie ook mijn WordPress sneller maken handleiding.

Een goed streven is een laadtijd van ≤ 2 seconden voor de meeste pagina’s.

1. Kies hoogwaardige WordPress hosting

Leestip: Wat is goede (Nederlandse) WordPress hosting?

Hosting is het fundament van je website en de #1 snelheidsfactor.

Als die niet goed is, zal je WordPress website traag zijn.

Veel webhosts hebben mooie praatjes en beloven je alles onder de zon voor een paar euro per maand. Helaas is de realiteit vaak anders.

Zware of complexe websites en budget hosting gaan in de praktijk eigenlijk nooit samen.

Hoe meer toeters, bellen en functionaliteit je website heeft, hoe beter je hosting moet zijn als je niet wil dat je website pijnlijk traag wordt.

Mijn vuistregel:

Investeer in de beste WordPress hosting die je comfortabel kan veroorloven op basis van het rendement van je website.

Hoe minder je betaalt, hoe groter de kans is dat je website met veel te veel anderen is ondergebracht op oude, afgedankte hardware en je lang kan wachten op klantenservice.

Alles kost geld. Laat niemand je wijsmaken dat je voor een duppie op de eerste rij kan zitten.

Met dat in ons achterhoofd, zijn volgen hier wat aanbevelingen voor WordPress hosting in verschillende categorieën..

Goede Budget WordPress hosting

Als je weinig budget hebt en/of het gaat om een simpele website zonder veel (gelijktijdige) bezoekers, kan ik je Cloud86 Start en Medium met prijzen tussen €1,95 en €5,95 van harte aanbevelen. (Zie ook mijn Cloud86 review.)

Ontvang nu 50% korting op 1 of 3 jaar hosting van Cloud86 🥳

Fantastische instap WordPress hosting nu extra voordelig vanaf €1,95 per maand.

Voor een webwinkel heb je minimaal de Medium variant nodig.

Uiteraard is deze hosting niet perfect voor dit bedrag. Maar er zijn maar heel weinig hosts die zoveel goed doen in de budget categorie.

Leuk detail: deze website draait ook op de voordeligste variant van Cloud86 🤓.

Daarnaast..

Een andere (misschien nog wel betere) optie voor mensen die geen probleem hebben met Engelstalige service en betalen met PayPal, CreditCard of Apple Pay, is:

MechanicWeb.

De voordelige Smart optie is qua prijs-prestatie uitzonderlijk. Met de 25% korting betaal je het eerste jaar slechts $2,87 (~€2,52) per maand.

Ook hebben ze fijne stapsgewijze upgrades waardoor de hosting makkelijk met je meegroeit zonder dat je ineens absurd veel meer moet betalen.

Deze hosting werkt ook wat beter voor iets zwaardere sites dan Cloud86 Start, maar mist de Nederlandstalige (telefonische) klantenservice.

WordPress hosting voor zwaardere, groeiende sites en winkels

Ook hier praktisch dezelfde aanbevelingen, alleen andere pakketten.

Cloud86

Cloud86 Managed WordPress / WooCommerce v.a. €15,95 per maand

MechanicWeb

  • Webhosting Power v.a. $9,62 per maand
  • Semi-dedicated Prime v.a. $13 per maand
  • Semi-dedicated Boost v.a. $26,50 per maand

Puur qua prijs-prestatie heeft MechanicWeb momenteel mijn lichte voorkeur.

Maar beide zijn —afhankelijk van je persoonlijke voorkeur— fantastische opties.

De allerbeste WordPress hosting voor veeleisende sites en winkels

Zolang alles naar behoren werkt en je tevreden bent, kun je prima bij voorgaande opties blijven. Voor de meeste websites, is dit segment overkill.

Ben je echter opzoek naar de allerbeste prestaties, ook onder zware druk van veel gelijktijdige bezoekers en fantastische, proactieve (technische) support..

Overweeg dan Servebolt (v.a. €99 per maand).

Of maak hier een gratis testaccount aan.

2. Optimaliseer afbeeldingen

Afbeeldingen voegen vaak erg veel gewicht toe aan pagina’s. Zeker als ze in grote resolutie, zonder compressie worden toegevoegd.

Om de impact van afbeeldingen zo min mogelijk te maken, is dit wat je doet:

Stap 1: Upload afbeeldingen in kleinere formaten.

Een goede vuistregel is om een maximale breedte van 1x de content breedte in pixels voor de meeste afbeeldingen aan te houden. En het te verdubbelen voor belangrijke afbeeldingen die ook scherp moeten zijn op schermen met hogere resoluties.

Foto’s rechtstreeks van je camera of smartphone gebruiken, is daarom meestal ook geen goed idee.

Zie ook mijn uitgebreide uitleg over afbeeldingen optimaliseren in WordPress.

Stap 2: Gebruik een plugin als Shortpixel, Flying Press of LSCache*

* = als je Litespeed hosting hebt

Er zijn ontzettend veel dingen die je kan doen om afbeeldingen handmatig te optimaliseren, maar meestal is dat een hoop gedoe.

Veel plugins kunnen het echter voor je automatiseren en lossen in één klap 90% van de problemen op.

Het belangrijkste is om te zorgen dat:

A. Er een vorm van compressie aanstaat (meestal kies ik voor ‘lossy’ met een kwaliteit van 82%).

B. Je adaptieve en WebP afbeeldingen serveert. Dit maakt de bestanden aanzienlijk kleiner.

C. Ontbrekende afmetingen worden toegevoegd. Hierdoor wordt er tijdens het laden van de pagina ruimte gereserveerd voor afbeeldingen. Waardoor gekke verschuivingen en andere problemen verminderd worden.

3. Beperk dynamische content

Als je website of webwinkel verschillende content laat zien aan verschillende gebruikers(groepen), is dit vaak een zware last voor de server.

Denk bijvoorbeeld aan persoonlijke winkelmandjes, accounts, cursussen, e.d.

Maar ook aan conditionele content die veranderd als iemand is ingelogd, een handeling uitvoert of wat dan ook.

Hoe meer je een website personaliseert voor individuele bezoekers, hoe meer rekenkracht dit vereist.

Dit neemt alleen maar meer toe bij grotere hoeveelheden gelijktijdige bezoekers.

Waarom?

Omdat dynamische content (en ingelogde gebruikers) meestal niet geladen worden vanuit de cache, waardoor de server elke keer aan het werk moet.

Wat uiteraard ook weer terugkomt op het punt over goede hosting. Wat NOG belangrijker is bij dynamische content en gebruikerssessies.

Anders gezegd:

50 gelijktijdige bezoekers die artikelen op een simpele blog lezen, vereist aanzienlijk minder rekenkracht dan 50 gelijktijdig bezoekers die aan het shoppen, een cursus volgen in een ledenomgeving of op een andere manier persoonlijke content voorgeschoteld krijgen.

Daarom..

Om te voorkomen dat je website als een slak vooruit kruipt, is het een goed idee om:

  • Je dynamische content te beperken en/of gescheiden te houden (op aparte hosting)
  • Te investeren in (nog) betere hosting
  • En/of gewoonweg te beseffen en accepteren dat dit

Scripts & insluitingen (zoals analytics, chatbots, Google Maps e.d.)

4. Gebruik minder en lichtgewicht plugins

Hoewel lang niet alle plugins je WordPress site traag maken, is het wel belangrijk om te beseffen dat:

Elke plugin die je gebruikt voegt extra gewicht toe aan je site en heeft (ook al is het soms heel klein) impact op de snelheid van je site.

Vuistregel: hoe minder plugins hoe beter.

Probeer trage WordPress plugins zoveel mogelijk te vervangen voor lichtere varianten. En verwijder plugins die je niet gebruikt.

Page builders als elementor maken je site ook vaak trager. Probeer de impact daarvan te verminderen door optimalisaties aan te zetten en niet te veel toeters en bellen te gebruiken. Of overweeg je pagebuilder te vervangen voor een Gutenberg blokken plugin.

Ook veel social media plugins met deelknoppen zijn vaak een grote boosdoener. Gebruik het liefst geen plugin maar de knoppen die bij je thema ingebakken zitten. Hoe minder functies hoe beter voor snelheid.

5. Kies een lichtgewicht WordPress thema

Aangezien je thema op elke pagina actief is, wil je dat deze vooral niet in de weg zit en voor onnodige ballast zorgt. Dan begin je namelijk al met een achterstand.

Snelle, lichtgewicht thema’s hebben nauwelijks impact op de laadtijden van je website, waardoor je meer speling hebt voordat je website te traag wordt.

Voor de meeste sites zijn (afhankelijk van je voorkeur) Blocksy, GeneratePress en Kadence wat mij betreft momenteel de beste opties.

Deze zijn allemaal lichtgewicht, snel en evengoed functierijk.

Daarnaast zijn ze gebruiksvriendelijk en worden ze goed ondersteund.

De site die je nu bekijkt draait op Blocksy Premium 🤓.

Andere opties als Astra en Neve zijn ook prima.

De grote boosdoeners zijn meestal multifunctionele thema’s met 1001 toeters en bellen (van themeforest), zoals: Avada, Enfold, the7, Jupiter X en Flatsome.

Divi is met alle nieuwe optimalisatie instellingen aanzienlijk beter dan voorheen, maar evengoed niet echt vergelijkbaar met échte lichtgewicht thema’s.

6. Beperk (de impact van) scripts en insluitingen van externe partijen

Dit zijn dingen als (Google) Analytics, Tag manager, advertentie pixels, CRM scripts, chatbots en messenger, Google Maps, YouTube video’s, enzovoort.

Ook hier geldt weer als vuistregel: hoe minder hoe beter. Gebruik alleen wat je echt nodig hebt.

Via plugins als LSCache, Flying Press / Flying Scripts en WP Rocket kan je het laden van dit soort dingen (deels) uitstellen tot ze in beeld komen of tot de eerste gebruikersinteractie.

Optie in LSCache
Laden van scripts uitstellen met Flying Scripts

7. Vermijd of laad Google fonts lokaal

Voor een klein bestand, hebben Google fonts een behoorlijke impact op de snelheid van een site.

1 lettertype met 2 gewichten vertraagt het laden van de gehele pagina met bijna een seconde.

En ik kom regelmatig websites tegen die 4 of meer Google lettertypen gebruiken.

Het probleem met Google fonts is echter niet alleen een kwestie van laadtijd van je site, maar ook van wetgeving.

Verschillende landen in de EU hebben namelijk besloten dat het gebruik van deze lettertypen wanneer ze geladen worden vanaf Google’s servers in strijd is met de privacy wetgeving GDPR.

Om potentiële problemen te voorkomen én je snelheid te verbeteren, heb je twee opties:

  1. Vervang Google fonts door “web safe” of “systeem” font opties. Deze heeft iedereen op de computer of smartphone en voegen daarom geen laadtijd toe.
  2. Laad Google fonts lokaal als je thema deze optie biedt of gebruik een plugin als OMFG.

Conclusie: optimaliseer, maar word geen snelheids-junkie

Een vlotte website is een belangrijk onderdeel van een succesvolle moderne website. Zonder twijfel.

Echter..

In mijn ervaring verknoeien mensen veel te veel tijd aan het optimaliseren van 101 dingen die hooguit een minuscule impact hebben.

Je website optimaliseren voor snelheid en je scores proberen te verbeteren, wordt op die manier al snel een gebed zonder end. Typische symptoom bestrijding.

Dit hoeft absoluut geen hogere wiskunde te zijn.

Koppel goede hosting met een klein beetje optimalisatie en de meeste problemen verdwijnen als sneeuw voor de zon.

En als je daarna nog wat extra prestaties zoekt, is —als het rendement van je site het toelaat— een plugin als Flying Press in de meeste gevallen een betere keuze dan zelf dagen lopen rotzooien of iemand inhuren voor een veelvoud.

Hoe dan ook..

Dat was ‘em voor vandaag.

Hopelijk helpt dit om je laadtijden te verbeteren!

En zit je nog met een vraag of opmerking? Lemme know!

Geef een reactie

Het e-mailadres wordt niet gepubliceerd.