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, vinden bezoekers hem te traag.
Gelukkig is je WordPress site sneller maken niet zo ingewikkeld als veel mensen denken!
Test de snelheid van je site
Oké, je hebt een mooie WordPress website gemaakt.
Om je WordPress website sneller te maken, hebben een beginpunt nodig.
Hier wordt gemeten hoe je site presteert op basis van Google’s ‘Web Vitals’. Ook wel site-vitaliteit in het Nederlands.
Google probeert hiermee de gebruikerservaring te meten voor bezoekers van je website.
Belangrijk om te weten is dat ze hiervoor een langzame 4G netwerkverbinding vanaf een smartphone waarvan de processor 4x vertraagd is, simuleren.
All tests are run using a simulated mobile device, throttled to a fast 4G 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 uit Nederland en België 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
Hypermodern, Ik weet het ;p
Hoewel dit natuurlijk ietwat subjectief is, kan je ook zonder speciale tools een redelijke goede inschatting maken. Helemaal zelf.
Dit is wat je doet:
- Pak je smartphone
- Zet wifi uit (en je mobiele netwerk aan)
- Open een incognito of prive tabblad in je browser
- Surf naar je website
- Tel de seconden voordat je site werkend is
- Voelt het snel genoeg?
- Klik door naar verschillende pagina’s
- 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 grotendeels onbelangrijk
WAT?! Godslastering!
Dat zou je bijna denken, maar:
De meeste tools die de snelheid van je website testen, spugen een bepaalde score uit. En geven je daarbij ook een geruststellende groene, een twijfelachtige oranje of zorgwekkende rode kleur.
Het ding is echter..
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..
Daarnaast..
Scores zijn vaak een momentopname.
Je bent beter af de Site-vitaliteit binnen Google Search Console in de gaten te houden. Bij voldoende bezoekers zie je hier namelijk data uit de praktijk.
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. Al zijn er wel verbeteringen op komst.
Daarbij is WordPress zó populair dat er helaas ook veel troep in omloop die WordPress traag maken. 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.
Je WordPress website sneller maken
Om WordPress sneller te maken, raad ik je aan om de volgende problemen aan te pakken:
- Budget, ongeoptimaliseerde WordPress hosting
- Multifunctionele, slecht geprogrammeerde thema’s
- Grote, slecht geprogrammeerde plugins
- Afbeeldingen en andere zware inhoud
- Externe scripts en lettertypen (fonts)
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.
Hoe dan ook!
Tijd voor het echte werk: WordPress snelheid optimalisatie! 🚀
Dit zijn in mijn ervaring de belangrijkste 5 problemen (en oplossingen) om je WordPress site sneller te maken:
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?
Hosting is de #1 snelheidsfactor van je website. Het is belangrijker dan al het andere.
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, de complexiteit en de populariteit van je website.
Als je website je geld oplevert, is hosting een investering. Niet uitsluitend een kostenpost.
Echter..
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 🤓
Bekijk ook mijn uitgebreide Cloud86 review.
Testresultaten van deze site op Cloud86 Small:
GTmetrix:
Google’s web.dev:
(Dit is inclusief de Litespeed Cache plugin, maar zonder verdere optimalisatie en CDN. 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.
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:
Hun voordelige Smart optie is qua prijs-prestatie uitzonderlijk. Met de 25% korting betaal je het eerste jaar slechts $4,69 per maand (wat in Euro niet veel scheelt afhankelijk van de wisselkoers).
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.
Hosting voor drukkere, groeiende WordPress sites
Deze opties zijn net even wat prijziger dan de echte budget opties, maar nog steeds erg kosteneffectief.
MechanicWeb v.a. $9,62 per maand.
Uitstekende hardware en de meeste WordPress sites draaien hier als een zonnetje. Voor zwaardere websites zijn met name de semi-dedicated pakketten een super aantrekkelijke optie.
De nadelen van zijn dat je een goede beheersing van de Engelse taal nodig hebt en dat je niet met iDEAL kan betalen.
De klantenservice is erg goed, al werkt deze wel voornamelijk via email/tickets.
Cloud86 Managed WordPress v.a. €15,95 p/m
De voordelen ten opzichte van de eerdergenoemde Cloud86 start 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 MechanicWeb 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).
Tip: op wphive.com kan je zien hoe goed populaire plugins presteren en welke alternatieven er zijn.
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, Thrive Architect, Divi, etc.)
Hoewel ik niet per se tegen het gebruik van pagebuilders ben, dragen ze de meesten absoluut NIET bij aan een vlotte website.
Lees ook:
* Mijn aanbevelingen voor de beste WordPress pagebuilder
* Tips voor een trage Elementor website
* Veelgebruikte plugins die WordPress traag maken
Alternatief: Gutenberg block plugins, Breakdance
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, LScache als je Litespeed hosting hebt of 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.
- Upload afbeeldingen met het juiste formaat – maak grote afbeeldingen kleiner. Als voorbeeld.. Mijn blog-breedte is 650px, dus de meeste afbeeldingen probeer ik niet breder dan dat te uploaden. Voor belangrijke afbeeldingen die er ook kraakhelder moeten uitzien op schermen met een hogere resolutie, verdubbel ik dit naar 1300px breed.
- Adaptieve afbeeldingen – serveer kleinere afbeeldingen naar mobiel met behulp van een adaptieve afbeeldingen plugin.
- WebP – veel beeldoptimalisatie en cache-plug-ins kunnen afbeeldingen serveren met behulp van het snellere WebP-formaat (ShortPixel, LiteSpeed Cache en binnenkort kan WordPress het ook zelf). Je kunt ook een tool als Cloudconvert gebruiken. Hiermee wordt het probleem “afbeeldingen in next-gen formaat weergeven” in PSI opgelost.
- Comprimeren – ShortPixel, TinyPNG en Photoshop / GIMP zijn populaire methoden. Het compressieniveau moet meestal 85% zijn (dat is wat PSI gebruikt voor “efficiënt coderen van afbeeldingen”), maar het hangt af van hoeveel kwaliteit je bereid bent te ruilen voor snelheid.
- Gebruik expliciete breedte/hoogte – voeg een breedte/hoogte toe aan de HTML van de afbeelding. Plugins als ShortPixel, LiteSpeed Cache, WP Rocket & Flying Press hebben allemaal een optie om ontbrekende afbeelding formaten automatisch toe te voegen.
- Overweeg een CDN – via een CDN (content delivery network) serveer je afbeeldingen via een externe service waardoor je je eigen server niet belast. Bij veel bezoekers kan dit een enorm verschil maken. Veel hier boven genoemde plugins bieden hier een optie voor.
- Lazy load – zoals eerder genoemd zit dit nu standaard in WordPress. Wel is het handig om afbeeldingen “boven de vouw” (die direct in beeld moeten verschijnen bij het laden van het eerste scherm) zoveel mogelijk uit te sluiten (zoals bijv. je logo en blikvangers). Dit voorkomt problemen als “offscreen-afbeeldingen laden uitstellen” in Google’s site-vitaliteit.
- Schakel hotlinking uit – voorkomt dat mensen jouw afbeeldingen op hun website gebruiken. Dit verbruikt namelijk bandbreedte en rekenkracht van jouw hosting. Je kunt dit voorkomen met de hotlink-bescherming van Cloudflare of sommige hosts (waaronder cPanel) hebben een instelling om hotlinking uit te schakelen. Het toevoegen van je logo of watermerk aan afbeeldingen kan mensen ook ontmoedigen om ze te hotlinken.
- Verwijder EXIF-gegevens – hiermee verwijder je nutteloze gegevens uit afbeeldingen zoals de datum, tijd, locatie en camera-instellingen toen de foto werd gemaakt. De meeste plug-ins voor beeldoptimalisatie doen dit automatisch voor je.
- Gebruik lagere kwaliteit afbeeldingen voor langzamere verbindingen – met plug-ins zoals Shortpixel en Optimole kunnen afbeeldingen van lagere kwaliteit weergeven voor gebruikers op trage verbindingen (gedowngraded tot maximaal 40% kleinere bestandsgrootte).
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!
Voor schermvullende afbeeldingen is een maximum van 2500 pixels breed vaak een goede vuistregel. En voor reguliere afbeeldingen hou ik meestal 1 of 2x de breedte in pixels van de layout 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 🙂
Mocht je Litespeed hosting hebben (bijvoorbeeld van Cloud86) dan raad ik je aan om de LScache plugin te gebruiken om afbeeldingen te optimaliseren.
5. Externe (3rd party) scripts
Google Analytics, Facebook Tracking Pixel, Email Tracking Scripts, Facebook/WhatsApp/Overige chatbot en 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:
- Gebruik alleen scripts die je écht nodig hebt
- Probeer het laden van scripts uit te stellen met Flying Scripts
- 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:
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. Verschillende snelheidsplugins kunnen dit ook via “lazyload iframes”.
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).
Zeker als je 2+ lettertypen 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 Font’ te kiezen, daarna om de Google Fonts lokaal te serveren.
Veel moderne thema’s zoals Blocksy Premium en Kadence Pro evenals optimalisatie plugins zoals Flying Press en WP Rocket bieden tegenwoordig de optie om Google Fonts vanaf je eigen site te serveren. Dit is ook verstandig met het ook op GDPR wetgeving.
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 al goed hebt geoptimaliseerd. De kers op de spreekwoordelijke taart.
Absoluut GEEN vervanging of snelle fix voor onderliggende problemen.
Investeer liever eerst in betere hosting voordat je centen uitgeeft aan speciale optimalisatie plugins.
Flying Press (€)
Met afstand de beste optimalisatie en snelheid plugin voor WordPress.
Een mega interessante en ambitieuze plugin die als doel heeft de alles-in-1 oplossing te zijn voor het versnellen van je WordPress site. En dat lukt behoorlijk.
FP zit een stuk beter in elkaar dan de meeste andere “optimalisatie plugins”. Overzichtelijk en simpel in gebruik.
Als het geen probleem is om een beetje te investeren in de snelheid van je WP site, krijgt deze plugin mijn hoogste aanbeveling.
Flying pages (Gratis)
Flying Pages is een plugin van de maker van Flying Press, met een klein stukje van de functionaliteit.
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.
Natuurlijk niet zo effectief als de premium Flying Press plugin die veel meer kan, maar (voor een beperkt budget) een absolute aanrader.
WP Rocket?
Lange tijd geprezen als de beste WordPress optimalisatie plugin. Simpel in gebruik en op zich prima om wat extra prestaties uit nagenoeg elke WordPress installatie te halen. Maar helaas niet meer wat het geweest is.
De waarheid is dat WP Rocket gewoon niet kan tippen aan Flying Press. Zonder te overdrijven: FP doet alles beter.
Hoewel FlyingPress het eerste jaar misschien ietsje duurder is (bij verlengen krijg je korting en is FP goedkoper), is het verschil als je toch al gaat investeren het in mijn ervaring meer dan waard.
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.
Zie daarom ook mijn artikel over de beste WordPress caching plugins.
Conclusie: Hoe je WordPress Sneller Maakt
- Gebruik betere hosting
- Gebruik een snel, lichtgewicht thema
- Gebruik minder en lichtere plugins
- Optimaliseer je afbeeldingen
- Gebruik minder (tracking) scripts & fonts
Als je op deze 5 dingen focust, verdwijnen in mijn ervaring 80%+ van de snelheidsproblemen van websites.
Combineer het voor bonuspunten en maximale prestaties met een plugin als Flying Press en zelfs Max Verstappen zal moeite hebben om je snelle site bij te houden!
Maar.. 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.