WordPress Sneller (Dan Het Licht) Maken [Top 5 Tips 2021]

Waarom zou je tijd en moeite stoppen in WordPress sneller maken?

Dit is waarom:

1..

2..

2,5..

DUURT LANG 🤬

*klikt geïrriteerd op de terug-knop*

Noem het een eerste wereld probleem, maar..

Er zijn maar weinig mensen die geduld kunnen opbrengen voor een langzame website.

We hebben tegenwoordig zoveel keus dat we het meestal niet de moeite vinden om te wachten.

De data is heel duidelijk..

⏱ Als je website niet binnen 3 seconden laadt, is ‘ie te traag.

Test de snelheid van je site

Om je WordPress website sneller te maken, hebben een beginpunt nodig.

Google’s Web.dev

Hier wordt gemeten hoe je site presteert op basis van Google’s ‘Web Vitals’.

Google probeert hiermee de gebruikerservaring te meten voor bezoekers van je website.

Belangrijk om te weten is dat ze hiervoor een 3G netwerkverbinding vanaf een smartphone waarvan de processor 4x vertraagd is, simuleren.

All tests are run using a simulated mobile device, throttled to a fast 3G network & 4x CPU slowdown.

Google Web.dev website

Wat betekent dat in normale taal?

Google laat je praktisch het aller slechtste scenario zien. Niet de ervaring van de meeste gebruikers.

De meeste van je bezoekers hebben een aanzienlijk betere internetverbinding.

Gebruik deze test dus als hulpmiddel, niet als meest representatief.

Maar als je in deze test goed scoort, weet je vrijwel zeker dat je site in de echte wereld (voor een gemiddelde Nederlandse gebruiker) ook snel genoeg is.

De “Gebruik je eigen ogen” test

Hoewel dit natuurlijk ietwat subjectief is, kan je ook zonder speciale tools een redelijke goede inschatting maken. Helemaal zelf.

Dit is wat je doet:

  1. Pak je smartphone
  2. Zet wifi uit (en je mobiele netwerk aan)
  3. Open een incognito of prive tabblad in je browser
  4. Surf naar je website
  5. Tel de seconden voordat je site werkend is
  6. Voelt het snel genoeg?
  7. Klik door naar verschillende pagina’s
  8. Wat is je ervaring? Voelt het lekker snel, of kan het beter?

Uiteraard kun je ook een slachtoffer vriend of familielid vragen om hetzelfde te doen.

Scores zijn onbelangrijk

De meeste tools die de snelheid van je website testen, spugen een bepaalde score uit.

Deze scores zijn grotendeels onbelangrijk. Wat telt is de snelheid voor gebruikers.

Het doel is namelijk niet om “een hogere score” te krijgen. Het doel is een vlotte website voor je bezoekers.

Er zijn zat websites met fantastisch hoge scores —die technisch goed in elkaar zitten— maar toch traag zijn als dikke poep.

En omgekeerd! Websites die niet goed scoren, maar voor gebruikers razendsnel zijn.

Neem de Nederlandse Amazon site..

snelheid_wordpress_site_verbeteren_gtmetrix

Als je niet weet wat ECHT belangrijk is, trek je al snel de verkeerde conclusies.

Alle dagen zie ik mensen die geobsedeerd bezig zijn met het opschroeven van een (meestal volledig arbitraire) score.

Val er niet voor. Zonde van je tijd.

De 5 grootste boosdoeners van een trage WordPress website

Hoewel enorm flexibel, is zelfs een nieuwe, schone WordPress installatie geen slanke den te noemen.

WordPress heeft simpelweg wat meer resources nodig dan simpelere, minder flexibele oplossingen (zoals bijvoorbeeld Ghost) of een statische website.

Daarbij is WordPress zo populair dat er helaas ook veel troep in omloop is. Hierdoor is het voor een ongetraind oog makkelijk om je site binnen no-time een zwaargewicht te maken.

Gelukkig zijn er een handvol dingen die meer dan alles beïnvloeden hoe snel je site is.

Om WordPress sneller te maken, raad ik je aan om de volgende problemen aan te pakken:

  1. Budget, ongeoptimaliseerde WordPress hosting
  2. Multifunctionele, slecht geprogrammeerde thema’s
  3. Grote, slecht geprogrammeerde plugins
  4. Afbeeldingen en andere zware inhoud
  5. Externe scripts

Is dat alles?

Natuurlijk zijn er ook andere dingen die een rol spelen.

Feitelijk gezien heeft alles invloed op de laadtijd van je website.

Het punt is vooral dat de meeste dingen slechts een kleine invloed hebben. En alleen zinvol zijn als je deze 5 fundamenten volledig hebt geoptimaliseerd.

“Alles is belangrijk” is bijzonder onpraktisch.

Daarnaast is het ook goed om te denken in termen van afnemend nut.

⏱ Een goed streven is een laadtijd van < 2 seconden.

Als de meeste pagina’s op je site binnen 2 seconden laden, ben je in mijn ervaring beter af je tijd, geld en moeite eerst in andere aspecten van je website te stoppen. Zoals marketing.

Je wil dat je site snel genoeg is, zodat mensen zich niet ergeren of wegklikken. Alles meer dan dat is mooi meegenomen, maar wordt al snel ijdeltuiterij.

Want hoewel menig ‘WordPress optimalisatie goeroe’ er anders over denkt, snelheid is bij lange na niet het enige onderdeel van een effectieve website.

Probleem #1: Budget, niet geoptimaliseerde WordPress hosting

De realiteit is..

  • Goedkoop is niet per se duurkoop. Maar in de meeste gevallen wel.
  • Veel “managed” of “premium” WordPress hosting is veel te duur voor wat je er voor terugkrijgt. (Het is in feite goedkope hosting met een mooi praatje.)

Vrijwel alle budget hosting is gedeelde (shared) hosting.

Hier huur je een gedeelte van de server samen met andere gebruikers. Hoe goedkoper de hosting, met hoe meer mensen je de server deelt in de meeste gevallen.

Combineer teveel gebruikers met vaak oude, goedkopere server-technologie en je hebt een recept voor een langzame website.

Vergelijk het met een overvolle camping waar je altijd last hebt van je buren.

Wat ons brengt bij een belangrijke vraag:

Bestaat er eigenlijk wel goede, goedkope én snelle WordPress hosting?

Kun je daadwerkelijk voor een duppie op de eerste rij zitten?

Kort door de bocht.. Nee.

Supersnelle, altijd stabiele en bereikbare hosting, met persoonlijke, vakkundige en snelle hulp wanneer je het nodig hebt — allemaal voor een paar euro paar maand?

Helaas gaat dat niet allemaal samen. Alles kost geld.

Laat niemand je anders wijs maken.

Hoe kies je de beste WordPress hosting VOOR JOUW SITUATIE?

Het is slim om je hosting af te stemmen op je persoonlijke situatie en de status van je bedrijf of website.

Lees daarvoor ook mijn uitgebreide advies over de beste WordPress hosting.

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

Als je website je geld oplevert, is hosting een investering. Niet uitsluitend een kostenpost.

In mijn beleving is het compleet onnodig (en misleidend) om dure hosting aan te bevelen voor kleine projecten of startende sites met weinig bezoekers en/of inkomsten.

Hieronder mijn aanbevelingen voor goede hosting afhankelijk van van je huidige situatie.

WordPress hosting voor kleine, simpelere of startende websites

Mijn best-geteste, aanbevolen, budgetvriendelijke WordPress hosting:

Cloud86 ‘Small’ – €1,95 p/m (aanbieding)

Enorm solide oplossing voor kleinere, simpelere of startende websites met minder dan ~5000 bezoekers per maand en niet teveel bezoekers tegelijk. Veel sneller dan de meeste budget WordPress hosting én goed bereikbare, Nederlandse (telefonische!) support.

Is het perfect? Natuurlijk niet. Maar tot op heden heb ik nog geen betere prijs-kwaliteit in het budget segment kunnen vinden!

Voor een webwinkel heb je het ‘Medium’ pakket nodig.

P.S. Deze site draait er ook op 🤓

Testresultaten van deze site op Cloud86 Small:

GTmetrix:

snelheid_van_werkenmetwp.nl

Google’s web.dev:

wordpress_optimaliseren_google_web.dev

(Dit is inclusief de Litespeed Cache plugin, maar zonder verdere optimalisatie. Niet gek!)

Als je de rest van de tips in dit artikel ook ter harte neemt en het gaat om een klein, startend of simpel project kan ik je deze hosting van harte aanbevelen.

Hosting voor drukkere, groeiende WordPress sites

Deze opties zijn net even wat prijziger dan de echte budget opties, maar nog steeds erg kosteneffectief.

Cloudways.com v.a. $10 p/m

Goede hardware en de meeste WordPress sites draaien hier als een zonnetje. Met name de Vultr High Frequency pakketten bieden uitstekende prijs/kwaliteit verhouding.

De nadelen van Cloudways zijn dat je voor sommige dingen een klein beetje technische kennis én een goede beheersing van de Engelse taal nodig hebt.

Daarnaast is de support, hoewel altijd snel en goed bereikbaar, wisselvallig.

Cloud86 Managed WordPress v.a. €15,95 p/m

De voordelen ten opzichte van de eerdergenoemde budget Cloud86 optie zijn met name:

  • Wat meer resources (CPU, RAM & opslag).
  • Extra caching laag (Redis).
  • Minder klanten op dezelfde server, waardoor eventuele overlast beperkt blijft.
  • Meer hulp en ondersteuning voor het onderhouden van je site en het oplossen van WordPress problemen.

Zeker bij meer gelijktijdige bezoekers helpen deze om je website vlot te houden.

Wat betreft hardware en “waar voor je geld” heeft Cloudways absoluut mijn voorkeur. Maar als Nederlandstalige (+ telefonische) hulp belangrijk voor je is, kan ik je Cloud86’s Managed service ook van harte aanbevelen!

Serieuze, bedrijfsmatige & enterprise opties

Zolang je tevreden bent met de snelheid en support die je krijgt, kun je prima bij de voorgaande opties blijven. Echter..

Als het kritiek is dat je site of winkel altijd in de lucht blijft en maximaal presteert, ook onder zware druk van vele gelijktijdige bezoekers..

En als je graag verzekerd bent van de beste, snelle technische hulp en optimalisatie van je website, zul je wat dieper in de buidel moeten tasten.

Servebolt.nl v.a. €99 p/m (tot €€€€)

Servebolt is één van de, zo niet dé beste optie voor het hosten van veeleisende WordPress sites en webwinkels.

Dit wordt ook bevestigd door groot, onafhankelijk WordPress hosting onderzoek:

Servebolt’s second year was kind to them. Their new servers blew away the competition on WPPerformanceTester and it wasn’t even close. Servebolt also managed the fastest average response time on Load Storm and the second fastest average response time on WebPageTest. Servebolt is really pushing hard on the speed button and it earned them another Top Tier performance.

Kevin Ohashi – Review Signal

Ze hosten je websites op hun eigen versie van “cloud hosting” die ze “bolts” noemen.

En hoewel ik uiteraard geen ervaring heb met alle hosting providers, zijn er maar weinig die zich kunnen meten met Servebolt.

Letterlijk alles is eersteklas. Echter, zoals altijd het geval, zit daar natuurlijk ook een prijskaartje aan.

Probleem #2: Multifunctionele, slecht gecodeerde themes (designs)

Een groot gedeelte van de traagheid van websites is vaak te danken aan het thema.

Slecht geprogrammeerde thema’s zijn performance killers. De meest flexibele thema’s met de meeste toeters en bellen zijn vaak ook de langzaamste.

Dit kan zomaar een paar seconden (!!!) toevoegen aan de laadtijd van je pagina’s. Een regelrechte kwelling voor je bezoekers.

Vooral marktplaatsen als ThemeForest / Envato zitten vol met deze misbaksels.

Enfold. X Theme. Avada. The7.

Thema’s met elke functie die je maar kan wensen.

Ze zien er op het eerste gezicht goed uit. Tot je onder de motorkap kijkt.

Mijn advies?

Begin er niet aan.

Want hoewel er altijd uitzonderingen zijn, leveren bijna al deze themes een hoop problemen op. Zowel qua snelheid, als qua troep die achterblijft wanneer je onvermijdelijk toch besluit dat het een slecht idee was.

Mijn persoonlijke favoriete snelle WordPress thema is Blocksy. Maar ik kan je Kadence en GeneratePress Premium ook van harte aanbevelen, al heeft GPP wel een iets hogere leercurve voor absolute beginners.

Voor meer opties en uitleg, zie ook dit artikel over snelle WP themes.

Probleem #3 Grote & slecht geprogrammeerde plugins

Plugins kunnen een enorm blok aan het been van je website zijn.

Zeker wanneer ze veel code toevoegen en laden op elke pagina (zelfs wanneer ze daar niet actief gebruikt worden).

Voordat je een plugin installeert, vraag jezelf:

* Heb ik deze functionaliteit écht nodig? (leuk vs noodzakelijk)
* Is deze plugin recent nog geüpdatet en getest met de huidige WordPress versie? (maximaal paar maanden geleden)
* Hoeveel functies heeft deze plugin? (meer ≠ beter)

In termen van snelheid geven de volgende plugins meestal problemen:

Backup plugins (updraft, WP-DBManager, duplicator, etc.)

Alternatief: gebruik backups via je hosting provider.

Veiligheid & firewall plugins (Sucuri, Wordfence, iThemes, etc.)

Alternatief: Gebruik hosting die de beveiliging op server niveau regelt en/of CloudFlare. De meeste plugins bieden vooral schijnveiligheid.

Zorg daarnaast dat je WordPress versie, plugins en thema’s up-to-date zijn, dat verkleint de kans op beveiligingslekken namelijk aanzienlijk.

Pagebuilders (elementor, WPbakery/visual composer, Thrive Architect, Divi, etc.)

Hoewel ik niet per se tegen het gebruik van pagebuilders ben, dragen ze absoluut NIET bij aan een vlotte website.

Lees ook mijn aanbevelingen voor de beste WordPress pagebuilder.

Alternatief: Gutenberg block plugins.

Afbeelding sliders (Revolution Slider, etc.)

Alternatief: gebruik liever helemaal geen sliders of carousels (deze zijn meestal niet gebruiksvriendelijk), maar als je er per se een wil gebruiken: MetaSlider of SmartSlider 3.

Analytics en website statistieken plugins (Monster Insights, Analytify, Beehive, Matamo)

De statistieken van je website vanuit je WordPress site bekijken, is natuurlijk erg handig. Helaas meestal geen goed idee.

Deze plugins voegen vaak erg veel extra gewicht en onnodige communicatie (van en naar je website) toe, waardoor je website trager wordt.

Alternatief: Koko Analytics, CAOS, Flying Analytics, Plausible

Link checker (Broken link checker)

Alternatief: Google Search Console of andere 3rd party SEO tool.

Gerelateerde post plugins (Yet Another Related Post plugin, auto link plugins, etc.)

Alternatief: Gebruik een thema dat deze zelf ingebakken heeft.

Contactformulieren (Contact Form 7, Ninja Forms)

Alternatief: WP Fluent Forms

Afbeelding optimalisatie (Smush, EWWW, Imsanity, Resize plugins)

Je afbeeldingen optimaliseren is ontzettend belangrijk. Hierover zo meer. Helaas is niet elke plugin gelijk.

Het probleem met deze plugins, is dat ze je afbeeldingen via je eigen WordPress installatie optimaliseren. Dit is erg inefficiënt

Alternatief: ShortPixel, optimalisatie op server niveau of online/lokaal via een app als TinyPNG.

Social media plugins (ShareThis, AddThis, etc.)

Alternatief: Nova, Shariff Wrapper, Scriptless Social Sharing, of de ingebakken knoppen als je thema die heeft.

Vertaling plugins (WPML, Loca Translate)

Ook de relatief lichtere versies hebben een merkbare impact op de snelheid van je website. Gebruik deze dus alleen als je daadwerkelijk behoefte hebt aan een vertalingen.

Alternatief: TranslatePress, Polylang

Jetpack

Jetpack heeft een enorm slechte reputatie binnen de WordPress community. Vooral omdat JP tot niet heel lang geleden enorm groot, brak en traag was.

Tegenwoordig is JP stukken beter. Maar top is het nog altijd niet, dus als je zonder kan, gebruik het dan liever niet.

ELKE plugin die veel [shortcodes] gebruikt

4. Afbeeldingen (en andere media)

Foto’s, GIF’s en andere afbeeldingen maken je website vaak een stuk aantrekkelijker voor je bezoekers.

Het nadeel is dat —zeker afbeeldingen van hoge kwaliteit— al snel een hoop gewicht toevoegen aan pagina’s.

Sinds WordPress 5.5 worden afbeeldingen standaard via “lazy loading” ingeladen. Dat betekent dat ze pas worden opgevraagd wanneer ze ook daadwerkelijk in beeld moeten verschijnen.

Dat is op zich al een verbetering wat betreft de snelheid van pagina’s met (veel) afbeeldingen.

Nu zijn er tal van manieren en opties om afbeeldingen te optimaliseren voor snelheid.

De belangrijkste is compressie.

Het gewicht van de afbeeldingen verkleinen zonder of met minimaal kwaliteitsverlies.

Zelf ben ik een fan van gemak en automatisering. En wat dat betreft is Shortpixel mijn favoriete optie.

Deze simpele plugin optimaliseert je afbeeldingen automatisch in de cloud (dit is beter dan lokaal in je eigen WordPress omgeving, zoals veel alternatieven doen). En serveert vervolgens de veel lichtere variant aan je bezoekers.

Tot en met 100 afbeelding optimalisaties per maand is de service volledig gratis. Ruimschoots voldoende voor de meeste websites!

Het resultaat?

Een snellere website en minder bandbreedte gebruik!

Extra tip: probeer waar mogelijk de resolutie van je afbeeldingen te beperken. Dat scheelt enorm in gewicht.

Voor schermvullende afbeeldingen is een maximum van 2500 pixels breed vaak een goede vuistregel. En voor reguliere afbeeldingen hou ik meestal 1500 pixels breed aan. Dit maakt je afbeeldingen scherp genoeg op de meeste schermen, zonder dat ze uit de klauwen groeien.

Shortpixel heeft ook een optie om de resolutie van je afbeeldingen automatisch te verkleinen als je een te grote upload. Erg handig 🙂

5. Externe (3rd party) scripts

Google Analytics, Facebook Tracking Pixel, Email Tracking Scripts, Facebook/WhatsApp/Overige messenger apps, etc.

Niet alleen voegen ze extra gewicht toe aan je pagina’s. Ze vragen meestal standaard om vóór de </head> geladen te worden.

Wat in normale taal betekent: “Laad mij eerst!”

In veel gevallen blokkeren 3rd party scripts zelfs het laden van de rest van de pagina totdat ze zelf geladen zijn.

Afhankelijk van de grote van het script en de afstand tussen de verschillende datacenter’s kan dit redelijk snel tot irritant langzaam zijn.

Al met al voegen ze vaak extra communicatie tussen de service en jouw website toe.

Niet ideaal.

Helaas is dit probleem niet altijd volledig op te lossen. Zeker niet als de scripts noodzakelijk zijn voor bepaalde functies.

Wat je wel kan doen:

  1. Gebruik alleen scripts die je écht nodig hebt
  2. Probeer het laden van scripts uit te stellen met Flying Scripts
  3. Host Google Analytics lokaal met Flying Analytics of CAOS.

Een voorbeeld van Flying Scripts in actie:

Extra optimalisatie tips voor een supersnelle WordPress website

Denk om je inhoud

Hoewel het niet altijd volledig opgaat..

Een grotere pagina (in termen van kb’s of mb’s) is meestal een tragere pagina.

Vuistregel: Probeer je pagina’s zo klein mogelijk te houden. Pagina’s van meerdere MB’s laden meestal langzaam, zeker op mobiel.

Google raadt zelfs pagina’s van minder dan 500KB aan als best practice:

bron: Think with Google

En hoewel ongeoptimaliseerde afbeeldingen één van de meest voorkomende boosdoeners zijn, zijn ze absoluut niet de enige.

Andere toeters en bellen maken je pagina’s ook traag.

Denk aan dingen zoals:

  • Social media insluitingen (embeds)
  • Google Maps
  • YouTube video’s

Social media posts en Google Maps kun je bijvoorbeeld vervangen door (hint-hint: geoptimaliseerde) afbeeldingen met een link.

YouTube video’s kun je “lazy loaden” met een plugin als WP YouTube Lyte. Waardoor video’s alleen ingeladen worden als iemand er ook daadwerkelijk op klikt.

Google Fonts

De meeste thema’s geven je de mogelijkheid om gebruik te maken van Google’s enorme bibliotheek aan gratis lettertypen (fonts).

Enorm handig en leuk om je site van wat meer persoonlijkheid en stijl te voorzien, maar er zit ook een flinke keerzijde aan.

Hoe meer lettertypen je gebruikt, hoe meer je website moet communiceren met de Google servers om de scripts op te vragen (zie punt 5).

Dit is niet zo’n ramp als je slechts 1 a 2 verschillende fonts (totaal) op je website gebruikt. Maar als je voor alles een apart lettertype gebruikt, loopt het al snel uit de klauwen.

Vuistregel: Gebruik liever niet meer dan 2 verschillende fonts op je website. De snelste optie is om voor een ‘System Stack’ te kiezen.

WordPress sneller maken met plugins

Laat me heel duidelijk zijn..

Geen enkele van onderstaande plugins is absoluut noodzakelijk.

Ze zijn met name interessant als je de rest maximaal hebt geoptimaliseerd. De kers op de spreekwoordelijke taart.

Absoluut GEEN vervanging of snelle fix voor onderliggende problemen.

Investeer liever in betere hosting voordat je centen uitgeeft aan speciale optimalisatie plugins.

WP Rocket (€)

Alom geprezen als praktisch de beste WordPress optimalisatie plugin. Simpel in gebruik en absoluut de investering waard om wat extra prestaties uit nagenoeg elke WordPress installatie te halen.

Het grote verschil met de meeste “optimalisatie plugins” is dat WP Rocket een stuk gebruiksvriendelijker is.

Flying pages (Gratis)

Dit is een slimme plugin die de zichtbare links op een pagina vooraf inlaadt om ze sneller te serveren zodra iemand er op klikt.

In de meeste gevallen heeft dit een enorm gunstige invloed op hoe snel je site is en aanvoelt.

Dit heeft alleen effect op de pagina’s die mensen NADAT de website de eerste keer geladen is bezoeken.

Absolute aanrader.

Flying Press (€)

Dit is het totaalpakket van dezelfde ontwikkelaar als bovenstaande plugin.

Een mega interessante en ambitieuze plugin die als doel heeft de alles-in-1 oplossing te zijn voor het versnellen van je WordPress site.

FP zit een stuk beter in elkaar dan de meeste andere “optimalisatie plugins”. Overzichtelijk en simpel in gebruik.

Dit zou zomaar eens kunnen uitgroeien tot de #1 optimalisatie plugin.

Caching

Er wordt vaak gesuggereerd dat caching je site sneller maakt.

Dat is half waar.

Als de pagina in de cache zit en wordt opgevraagd, is je site sneller.

Als de pagina niet (meer) in de cache (cache blijft meestal beperkt “houdbaar”), maakt het je site trager omdat nu niet alleen de pagina geserveerd moet worden, maar deze ook meteen gecached wordt.

Caching is dus absoluut geen wondermiddel tegen een langzame site.

Het voornaamste doel van caching is schaalbaarheid. Om pagina’s snel aan veel mensen te kunnen serveren zonder dat de server ze voor iedere bezoeker opnieuw hoeft te genereren.

Voor simpele, statische pagina’s die bijna niet veranderen zoals artikelen of informatie pagina’s die druk bezocht zijn, is caching een goede oplossing.

Als je echter van caching afhankelijk bent om je laadtijden dragelijk te maken, ligt het werkelijk probleem meestal ergens anders.

(Hint: in de problemen die we eerder behandeld hebben! 🤓)

Een willekeurige caching plugin gebruiken of een handleiding volgen, is meestal geen goed idee.

Conclusie: Hoe je WordPress Sneller Maakt

  1. Gebruik betere hosting
  2. Gebruik een snel, lichtgewicht thema
  3. Gebruik minder en lichtere plugins
  4. Optimaliseer je afbeeldingen
  5. Gebruik minder (tracking) scripts

Als je op deze 5 dingen focust, verdwijnen in mijn ervaring 80%+ van de snelheidsproblemen van websites.

Want vergeet niet..

Je wil dat je site snel genoeg is, zodat mensen zich niet ergeren of wegklikken. Alles meer dan dat is mooi meegenomen, maar wordt al snel ijdeltuiterij.

Snelheid IS belangrijk, maar bij lange na niet het enige onderdeel van een effectieve, succesvolle website.

Geef een reactie