Wij leggen uit waarom je WordPress site te traag is ondanks snelle hardware en speciale hosting en presenteren de 5 meest voorkomende oorzaken voor lage WordPress snelheid.
We maken het bijna dagelijks mee: een klant schrijft ons in de support chat omdat zijn site maar niet sneller wordt. Ondanks serveroptimalisatie, geschikte plug-ins en voldoende rekenkracht. Andere klanten daarentegen zijn blij dathun pagina's zo snel zijn als een pijl. We vroegen ons af: "Hoe kan dat?" en stelden de vijf factoren samen die WordPress in onze ervaring bijzonder traag maken.
Laten we het kort houden. Dit zijn de vijf grootste WordPress-snelheidskillers:
- Ontbrekende caching
- Te veel en niet gecomprimeerde beelden
- Ongecomprimeerde en niet-gecomprimeerde code
- Gebrek aan above-the-fold optimalisatie
- Veel te grote pagina's
WordPress Snelheidskiller 1: Ontbrekende Caching
Caching is een snelle en zeer effectieve manier om je site sneller te maken. Een cache kan worden opgevat als een soort kortetermijngeheugen: Als de browser bijvoorbeeld onthoudt hoe een webpagina eruit ziet, hoeft hij de server niet eerst om de nodige gegevens te vragen, maar kan de browser de pagina direct uit de cache laden. Dit versnelt de laadtijd van de pagina voor terugkerende bezoekers enorm.
Nu is caching geen eenvoudig onderwerp. Er zijn veel verschillende soorten caches die op veel verschillende plaatsen geïnstalleerd en geactiveerd kunnen worden. Om snel een effectieve caching oplossing te krijgen, moet je vertrouwen op veelgebruikte en bewezen caching plugins, zoals WP Super Cache, Cachify of W3 Total Cache. Je moet je hoster ook vragen welke caches ze geactiveerd hebben. Je hebt een solide basis als tenminste een browser en server cache zijn geactiveerd.
Een cache heeft als nadeel dat hij meestal alleen gebruikt wordt als de gebruiker de pagina al minstens één keer bezocht heeft. In veel gevallen is het echter belangrijk dat de website de eerste keer snel en soepel wordt opgebouwd. Als je dit wilt bereiken, moet je het paginavet aanpakken.
WordPress Speed Killer 2: Afbeeldingen en grafieken
Een andere spelbreker voor je WordPress snelheid zijn afbeeldingen en grafieken. Het optimaliseren ervan is een kunst op zich, omdat je met veel factoren rekening moet houden: Het bestandsformaat, schaling, compressie en nog veel meer[1].
Meestal echter leiden heel eenvoudige gedragingen, zoals een overvloed aan onnodige afbeeldingen of een ongeschikt bestandsformaat, tot lange laadtijden. Ook hier bieden plug-ins uitkomst. Deze comprimeren en optimaliseren afbeeldingen tijdens en na het uploaden en verhogen de snelheid van je WordPress aanzienlijk. Voorbeelden hiervan zijn Optimus en WP Smush.
WordPress Snelheidskiller 3: Ongeordende en ongecomprimeerde code
Elke website bestaat uit code. Het bepaalt vrijwel alles waaruit je pagina bestaat: opmaak, kleuren, tekst enzovoort. Het is dus de bouwhandleiding voor jouw terrein. Maar niet alle code is hetzelfde: Je moet onderscheid maken tussen CSS, JavaScript en HTML. Deze soorten code zijn verantwoordelijk voor verschillende delen van de website - CSS voor afbeeldingen, bijvoorbeeld, en JavaScript voor geanimeerde inhoud. Daarom vertonen verschillende soorten code ook verschillend laadgedrag. Dit kan ertoe leiden dat bepaalde commando's elkaar blokkeren.
Zulke laadknelpunten of blokkades vertragen WordPress aanzienlijk. Daarom is het gebruikelijk om code in zo weinig mogelijk bestanden samen te voegen, ze te comprimeren en ze in een zo goed mogelijke laadvolgorde te zetten.
Zonder de juiste kennis van CSS, JavaScript of HTML kun je nauwelijks een wirwar aan code voorkomen. Daarom zijn er plugins die je helpen om de code op je pagina te organiseren en samen te vatten. Voorbeelden zijn Autoptimize en Better WordPress Minify.
WordPress Snelheidskiller 4: Gebrek aan optimalisatie boven de kaft
Alle optimalisatie is van weinig nut als de gebruiker uiteindelijk niet een als sneller ervaren pagina te zien krijgt. Want deze waargenomen snelheid bepaalt uiteindelijk of een pagina baat heeft bij prestatieoptimalisatie.
In de praktijk wordt daarom vaak een zogenaamde boven-de-vouw optimalisatie uitgevoerd. Above-the-fold beschrijft het gedeelte van een website dat zichtbaar is zonder te scrollen, d.w.z. de eerste indruk die een gebruiker van een website krijgt. Het doel van de optimalisatie is om dit gebied zo snel en soepel mogelijk op te bouwen. Om dit te bereiken wordt de laadvolgorde van de zichtbare elementen dienovereenkomstig aangepast. Alle elementen die hier niet thuishoren worden achteraan geplaatst, omdat ze in eerste instantie niet zichtbaar zijn en dus niet relevant voor de eerste indruk van de pagina.
Daarom vormen conceptuele overwegingen de kern van dit type optimalisatie: Je moet duidelijk zijn over welke inhoud een gebruiker getoond moet worden, zodat hij of zij de gewenste conversie voltooit. Hier is geen snelle en gemakkelijke oplossing voor.
WordPress Speed Killer 5: te dikke pagina's
Dit brengt ons bij onze laatste prestatie-killer: paginagrootte. Veel trage pagina's zijn eenvoudigweg te groot, hebben te veel plugins geïnstalleerd, een onnodig groot thema, of zijn overladen met afbeeldingen en grafieken. Dit is goed nieuws! Want het betekent dat de prestaties van WordPress in veel gevallen heel gemakkelijk kunnen worden verhoogd. Als je je site regelmatig opschoont, kun je de laadtijd van je pagina meestal goed houden.
Conclusie: samenvatten en comprimeren, samenvatten en comprimeren, samenvatten....
In principe komt alles neer op het samenvatten en comprimeren van inhoud. Dit is de enige manier om het maximale uit je WordPress te halen. De plaatsen waar dit bijzonder goed werkt zijn de afbeeldingen, de code en het algemene concept van de pagina. Als je dan ook nog caches gebruikt en regelmatig uitmest, heb je goede voorwaarden geschapen voor een optimaal gebruik van het beschikbare serververmogen.
Dus terwijl de hoster en de server het basis prestatievermogen van je site bepalen, is wat jij ervan maakt helemaal aan jou.
In de komende artikelen zullen we ingaan op de vraag hoe je knelpunten in je WordPress prestaties kunt opsporen en hoe je die kunt oplossen.
Natuurlijk zijn er andere WordPress-snelheidskillers dan de hier genoemde. Kun je een bijzonder belangrijk punt bedenken? Laat gerust een reactie achter en help de gemeenschap om hun pagina's nog beter te optimaliseren.
Bronnen
[1]: Korte inleiding tot de theorie en praktijk van beeldoptimalisatie op WordPress door de collega's van pressengers: http://pressengers.de/tipps/wordpress-grafiken-komprimieren/