De 5 grootste killers voor je WordPress Speed

Jan Hornung Laatst bijgewerkt op 15.01.2020
4 Min.
Prestatiemoordenaar

Wij leggen uit waarom uw WordPress site te traag is ondanks snelle hardware en speciale hosting en presenteren de 5 meest voorkomende oorzaken voor lage WordPress snelheid.

Wij maken het bijna dagelijks mee: een klant schrijft ons in de support chat omdat zijn pagina maar niet sneller wil worden. Ondanks server optimalisatie, overeenkomstige Plugins en voldoende rekenkracht. Andere klanten, daarentegen, zijn blij dathun pagina's zo snel zijn als een pijl. "Hoe kan dat?", vroegen wij ons af en wij hebben de vijf factoren op een rijtje gezet die WordPress in onze ervaring bijzonder traag maken.

Laten we het kort houden. Dit zijn de vijf grootste WordPress snelheidsdoders:

  1. Ontbrekende caching
  2. Te veel en niet gecomprimeerde beelden
  3. Niet-gecomprimeerde en niet-gesummariseerde code
  4. Gebrek aan above-the-fold optimalisatie
  5. Veel te grote pagina's

WordPress Snelheidskiller 1: Ontbrekende caching

Caching is een snelle en zeer effectieve manier om uw 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 rechtstreeks vanuit 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 kunnen worden opgenomen en geactiveerd. Om snel een effectieve caching oplossing te krijgen, moet men vertrouwen op veel gebruikte en bewezen caching Plugins, zoals WP Super Cache, Cachify of W3 Total Cache. U zou ook uw hoster moeten vragen welke caches zij hebben ingeschakeld. U hebt een solide basis als ten minste een browser en server cache zijn geactiveerd.

Een cache heeft het nadeel dat hij meestal alleen wordt gebruikt als de gebruiker de pagina al minstens één keer heeft bezocht. 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 de pagina spekken.

WordPress Speed Killer 2: Afbeeldingen en graphics

Een andere killer voor uw WordPress snelheid zijn afbeeldingen en grafieken. Het optimaliseren ervan is een kunst op zich, want je moet rekening houden met een heleboel factoren: Het bestandsformaat, de schaal, de compressie en nog veel meer[1].

Meestal echter leiden zeer eenvoudige gedragingen, zoals een overvloed aan onnodige afbeeldingen of een ongeschikt bestandsformaat, tot lange laadtijden. Ook hier biedt Plugins een remedie. Deze comprimeren en optimaliseren afbeeldingen tijdens en na het uploaden en verhogen uw WordPress snelheid aanzienlijk. Voorbeelden zijn Optimus en WP Smush.

WordPress Speed Killer 3: ongeordende en ongecomprimeerde code

Elke website bestaat uit code. Dit bepaalt zo'n beetje alles waaruit uw pagina is opgebouwd: lay-out, kleurenschema, tekst enzovoort. Het is dus de bouwhandleiding van uw site. Maar niet alle code is hetzelfde: In plaats daarvan moet je 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.

Dergelijke laadknelpunten of -blokkades vertragen WordPress aanzienlijk. Daarom is het gebruikelijk code samen te voegen in zo weinig mogelijk bestanden, ze te comprimeren en ze in een zo goed mogelijke laadvolgorde te plaatsen.

Een wirwar van codes is nauwelijks te vermijden zonder de nodige kennis van CSS, JavaScript of HTML. Daarom zijn er ook hier Plugins, die u helpen om de code van uw pagina te organiseren en samen te vatten. Bijvoorbeeld, Autoptimize en Better WordPress Minify moeten hier genoemd worden.

WordPress Snelheidskiller 4: Ontbrekende boven-de-vouw optimalisatie

Alle optimalisatie heeft weinig zin als de gebruiker aan het eind geen snellere pagina te zien krijgt. Want deze waargenomen snelheid bepaalt uiteindelijk of een pagina baat heeft bij een prestatie-optimalisatie.

In de praktijk wordt daarom vaak een zogenaamde "above-the-fold"-optimalisatie uitgevoerd. Above-the-fold beschrijft het gedeelte van een website dat zichtbaar is zonder te scrollen, als het ware de eerste indruk die een gebruiker van een website krijgt. Het doel van de optimalisatie is dat dit gebied zo snel en soepel mogelijk wordt opgebouwd. Daartoe wordt de laadvolgorde van de zichtbare elementen dienovereenkomstig aangepast. Alle elementen die niet in dit gebied thuishoren, worden achteraan geplaatst, omdat ze in eerste instantie niet zichtbaar zijn en dus niet relevant voor de eerste pagina-indruk.

Conceptuele overwegingen vormen dan ook de kern van dit soort optimalisatie: U moet duidelijk voor ogen hebben welke inhoud een gebruiker getoond moet worden, zodat hij of zij de gewenste conversie voltooit. Er is geen snelle en gemakkelijke oplossing voor dit probleem.

WordPress Speed Killer 5: Te dikke pagina's

Dit brengt ons bij onze laatste prestatie-killer: de paginagrootte. Veel trage pagina's zijn gewoon te groot, hebben te veel Plugins geïnstalleerd, een onnodig grote Theme, of zijn overladen met afbeeldingen en graphics. Dit is goed nieuws! Omdat dit betekent dat WordPress prestaties in veel gevallen zeer gemakkelijk kunnen worden verhoogd. Als u uw site regelmatig opschoont, kunt u de laadtijd van uw pagina meestal op een goed niveau houden.

Conclusie: Samenvatten en comprimeren, samenvatten en comprimeren, samenvatten en comprimeren, samenvatten en comprimeren, samenvatten en comprimeren, samenvatten en comprimeren, samenvatten en comprimeren, samenvatten en comprimeren...

Dus eigenlijk komt het neer op het samenvatten en comprimeren van inhoud. Dit is de enige manier om het meeste uit uw 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 basisprestatiepotentieel van uw site bepalen, is wat u er zelf van maakt geheel aan u.

In de komende artikelen zullen we ingaan op de vraag hoe u knelpunten in uw eigen WordPress prestaties kunt identificeren en hoe u ze kunt oplossen.

Natuurlijk zijn er nog andere WordPress snelheidsdoders dan degene die hier zijn opgesomd. Kun je een bijzonder belangrijk punt bedenken? Voel je vrij om een reactie achter te laten en de gemeenschap te helpen om hun pagina's nog beter te optimaliseren.

Bronnen

1]: Korte inleiding in de theorie en praktijk van beeldoptimalisatie op WordPress door de collega's van pressengers: http://pressengers.de/tipps/wordpress-grafiken-komprimieren/

RAIDBOXER van het eerste uur en Head of Support. Bij Bar- en WordCamps praat hij het liefst over PageSpeed en website-performance. De beste manier om hem om te kopen is met een espresso - of Beierse Brezel.

Gerelateerde artikelen

Reacties op dit artikel

Laat een opmerking achter

Jouw e-mailadres zal niet worden gepubliceerd. Verplichte velden zijn met een * gemarkeerd.