Een traag werkende website is niet alleen vervelend voor je bezoekers, maar ook nog eens niet goed voor je SEO. Als je een WordPress website hebt, is het relatief eenvoudig om snel de laadtijd van je website te versnellen.
Hoe je dit doet leg ik uitgebreid in dit artikel toe.
Je krijgt van mij praktische tips om je WordPress website sneller te maken en leest over 5 plugins die ik aanraad om te gebruiken.
Om de websiteverbeteringen door te voeren heb je geen technische kennis nodig.
Ik zal met name inzoomen op het laaghangend fruit en verzeker je dat je binnen 15 minuten enorme snelheidsoptimalisaties boekt.
Kijk maar eens naar de snelheid van mijn website. Deze scores heb ik met name behaald door het instellen van plugins en slim omgaan met bijvoorbeeld afbeeldingen.
Noot: Je page speed scores zijn niet zaligmakend. Uiteindelijk gaat het niet om de score, maar hoe snel je website is voor de eindgebruiker (en natuurlijk een beetje Google). Een website kan altijd sneller gemaakt worden, maar overweeg altijd de investering in tijd/geld vs de impact/verbeteringen die dit oplevert.
Voordat we beginnen zie je hieronder nog 2 goede websites waar je de snelheid van je website test.
PageSpeed Insights toont je daarbij direct de Core Web Vitals: de drie snelheidscijfers die Google als rankingfactor gebruikt. LCP (hoe snel het grootste element in beeld staat), INP (hoe snel de pagina reageert op klikken) en CLS (hoeveel de pagina verspringt tijdens het laden). Kleuren ze groen, dan zit je goed. Kleuren ze oranje of rood, dan lossen de tips hieronder de meest voorkomende oorzaken op.
Goed, laten we beginnen!
1. Maak gebruik van caching
Wanneer je gebruik maakt van website caching maakt dit je website in één keer een stuk sneller.
Caching is een manier om statische content (content die niet veranderd) door de server te onthouden. Zo hoeft een server niet steeds opnieuw de statische content in te laden wanneer een bezoeker dezelfde webpagina bezoekt.
Ik leg hier niet in detail uit wat caching is want daar kan je een artikel an sich aan wijden. Onthoud in ieder geval dat het voor een serieuze verhoging van de snelheid zorgt.
Caching kan je op verschillende manieren instellen. De meeste gebruikte methode voor WordPress is via een plugin.
Er zijn echter tientallen caching plugins voor WordPress te vinden. Dus welke moet je kiezen?
Dit hangt af van de mate waarin je je caching wilt configureren. Dit artikel over caching plugins voor WordPress vergelijkt er zeven en geeft je een goed beeld welke voor jou geschikt is.
Wil je caching inschakelen voor je WordPress website en weinig in willen stellen, dan voldoet WP Fastest Cache.
Deze plugin is gratis en werkt al door het aanzetten van de vinkjes voor caching.
De instellingen in bovenstaande afbeelding is hoe ik deze plugin heb ingesteld. Zelf heb ik de betaalde versie maar de gratis versie voldoet ook absoluut voor 90% van de websites. Het mooie aan deze plugin is dat het ook andere snelheidsoptimalisaties voor je regelt, zoals het verkleinen en combineren van je CSS en/of JavaScript.
In onderstaand voorbeeld zie je de snelheidsprestaties, getest met GTMetrix van een website zonder de WP Fastest Caching plugin.
Geen slecht resultaat natuurlijk, maar dit komt mede doordat dit een vrijwel schone WordPress installatie is.
Wat gebeurd er met de scores als ik de WP Fastest Caching plugin installeer en alle beschikbare opties aan vink?
Alle scores verbeteren.
De relatieve verhogingen in scores worden hoger naarmate je een ‘zwaardere’ website hebt met een uitgebreid thema, veel plugins, veel afbeeldingen, veel JavaScript etc.
Het installeren en instellen van deze plugin kost je hooguit twee minuten tijd.
Deze twee minuten zijn een absolute no brainer wat mij betreft.
Advies
Installeer de WP Fastest Cache plugin. Vink alle opties aan en sla de instellingen op. Test vervolgens opnieuw de snelheid van je website.
2. Optimaliseer je afbeeldingen
Dit zie ik echt bij heel veel websites fout gaan.
Ondernemers en zelfs grote websitebureau’s voegen een afbeelding toe aan een website en laten WordPress de afmetingen afhandelen.
Resultaat in veel gevallen: afbeeldingen van vele MB’s worden geüpload en uiteindelijk als een kleine afbeelding weergegeven.
Fout.
En onnodig ook.
Waarom is dit onnodig?
Omdat je webpagina nu voor een kleine afbeelding wel een grote afbeelding moet inladen. Een afbeelding die onnodig vele MB’s groot is.
Maar er gebeurd meer bij het uploaden van een afbeelding in WordPress.
Wist je dat WordPress van iedere geüploade afbeelding automatisch meerdere afbeeldingen in verschillende formaten maakt?
Standaard zijn dat deze formaten (naast de originele ‘full-size image’):
- Thumbnail
- Medium
- Medium Large
- Large
Dit heeft WordPress zo ingeregeld zodat je afbeelding op meerdere plekken op je website en in een juist formaat getoond wordt.
Toch gaat dit in veel gevallen niet goed.
Te grote productfoto’s, afbeeldingen op de homepage of ingevoegde afbeeldingen in blogartikelen worden vaak in de originele grootte ingeladen.
Mijn advies is in dit geval om de afbeelding vooraf in het juiste formaat te maken.
Ja dit kost iets meer tijd, maar zo ben je er zeker van dat je afbeelding op sommige plekken niet alsnog te groot wordt ingeladen.
Er zijn uiteraard ook WordPRess plugins die dit proces voor je afhandelen. Een hiervan is ShortPixel.
Deze plugin kijkt welke afmeting de afbeelding moet zijn, schaalt de afbeelding vervolgens naar het juiste formaat en zet deze op een eigen CDN. Op deze manier serveert je website altijd de juiste afbeelding. Om optimaal gebruik te maken van deze plugin, betaal je een maandelijkse fee.
Tip: Wil je zelf de afbeeldingen in het juiste formaat schalen, dan gebruik je hier een tool als Photoshop voor. Ben je hier niet bekend mee, of wil je er niet voor betalen, dan kan je een online tool zoals Pixlr gebruiken.
Afbeeldingen comprimeren
Vaak is het niet nodig om je afbeeldingen in de hoogste kwaliteit op je website te laten zien.
Afbeeldingen in de hoogste kwaliteit zijn afbeeldingen die qua bestandsgrootte vaak veel KB’s of MB’s bevatten.
Dit zijn onnodige KB’s en MB’s.
Ook hier zijn weer erg veel online tools voor te vinden zoals TinyjPG, Compressor.io of bijvoorbeeld Squoosh.app.
Zelf gebruik ik Squoosh, een online image compressor van Google.
De tool werkt echt heel eenvoudig.
Je uploadt de afbeelding die je wilt comprimeren (verkleinen). Je kiest voor de volgende standaard instellingen:
En zie hieronder het resultaat:
Een aardig verschil toch?
Eventueel kan je nog spelen met de instellingen om je afbeelding nog verder te verkleinen. Zorg er wel voor dat de afbeelding niet TE onduidelijk wordt.
Voor het comprimeren van afbeeldingen zijn ook genoeg plugins te vinden die dit proces voor je automatiseren.
De meeste plugins zoals Smush, Shortpixel en Compress JPEG & PNG images zijn echter gratis tot een bepaald aantal afbeeldingen.
Heb je dus een grotere website met veel afbeeldingen, dan kom je al snel aan bij de betaalde variant.
De betaalde variant is dan overigens wel het overwegen waard. Dit bespaart je voor een relatief kleine investering namelijk een hoop tijd (en gedoe).
Advies:
Installeer een plugin zoals Smush of Shortpixel. Bulk optimaliseer al je afbeeldingen en test opnieuw de snelheid van je website.
Zelf comprimeer ik de meest afbeeldingen eerst met Squoosh, en laat ik deze gecomprimeerde afbeelding in mijn WordPress omgeving ook nog eens comprimeren door de betaalde versie van Smush.
3. Schakel Lazy Loading in
Lazy Loading? Grote kans dat je het niet kent of op zijn minst nog weinig van hebt gehoord.
Lazy loading zorgt ervoor dat afbeeldingen pas worden ingeladen op het moment dat ze in beeld (viewport) komen.
Dit heeft als voordeel dat de webpagina niet tegelijk alle afbeeldingen hoeft in te laden maar dit opdeelt in hapklare stukken.
Een techniek die echt ideaal is.
Je bezoeker heeft toch niks aan afbeeldingen die hij of zij nog niet in beeld heeft, dus waarom zou je ze al inladen?
Op deze manier hoeft maar een fractie van je webpagina ingeladen te worden.
Was dit eerst 800kb, dan kan dit nu maar zo 400kb zijn.
Advies
Goed nieuws: hier heb je tegenwoordig geen plugin meer voor nodig.
WordPress past lazy loading sinds versie 5.5 automatisch toe op afbeeldingen en iframes. Draai je een actuele WordPress-versie, dan staat dit dus al aan.
Wat je wél even moet checken: of je thema of pagebuilder dit niet in de weg zit. Sommige thema's laden afbeeldingen op hun eigen manier in, waardoor de ingebouwde lazy loading niet werkt. Dat controleer je simpel: open een lange pagina, bekijk de broncode en zoek naar loading="lazy" bij de afbeeldingen. Staat het er niet, dan kan een plugin alsnog uitkomst bieden.
Noot: laat de eerste afbeelding boven de vouw (bijvoorbeeld je hero-afbeelding) juist NIET lazy laden. Die wil je zo snel mogelijk in beeld hebben, want daar kijkt Google naar voor je LCP-score.
4. Combineer en verklein HTML, CSS en JavaScript
Standaard hebben veel WordPress thema’s veel verschillende HTML, CSS en JavaScript bestanden. Wanneer je al deze bestanden één voor één laadt, zorgt dit voor een verhoogde load en dus laadtijd.
Een oplossing hiervoor is het combineren en verkleinen van deze bestanden. Zo zorg je in veel gevallen voor een stuk minder HTTP-requests.
De bestandsgrootte die wordt ingeladen is vrijwel gelijk, maar het aantal verzoeken dat de server krijgt of moet doen is een stuk lager. Combineer je 10 JavaScript bestanden tot één bestand, dan hoef je in plaats van tien bestanden er nog maar 1 in te laden.
Ook het verkleinen van JavaScript, HTML en CSS bestanden zorgt voor een optimalisatie van de site speed. Het verkleinen van deze bestanden doe je door bijvoorbeeld het aantal overbodige spaties of enters te minimaliseren.
Advies
Ik kan me indenken dat je bovenstaande maatregelen niet handmatig wilt doen.
En dat is gelukkig ook helemaal niet nodig.
Ook hier zijn weer talloze WordPress plugins voor beschikbaar.
Zelf gebruik ik hier Autoptimize voor. Deze plugin is eenvoudig in gebruik en zorgt direct voor verbeterde Google Page Speed scores.
5. Bonustip: Kies snelle(re) hosting
Veel bedrijven / websites zijn zich hier niet van bewust. Maar hosting is en kan een belangrijke invloed hebben op de snelheid van je website.
Hosting moet vaak zo goedkoop mogelijk zijn. En dat is prima natuurlijk.
Maar, goedkope hosting betekent ook gewoon hosting met een lage performance.
Vaak is deze hosting op basis van Shared Hosting. Dit houdt in dat je een stukje ruimte krijgt op een server waar vaak nog tientallen anderen een stukje ruimte op de server hebben gekregen.
En al deze websites zijn min of meer gelinkt aan elkaar. Heeft website X ineens enorm veel bezoekers en vraagt deze dus een relatief hoge belasting van de server, dan heeft jouw website daar ook direct last van.
Daarnaast krijg je met goedkope hosting natuurlijk niet de beschikking over een server met kwalitatief goede hardware en software.
Vind je de snelheid van je website dus echt belangrijk, dan moet je geen genoegen willen nemen met goedkopere hosting. Investeer in goede hosting en deze investering verdien je absoluut terug.
Let bij het kiezen van hosting ook op de PHP-versie: een actuele PHP-versie maakt WordPress merkbaar sneller dan een verouderde. Bij goede hosts stel je dit met één klik in; bij de allergoedkoopste pakketten loop je vaak versies achter.
Twijfel je welke hosting bij jouw website past? Neem gerust contact op, we denken vrijblijvend met je mee.
Hulp nodig bij een snellere website?
Bovenstaande vijf aanbevelingen zijn prima zelf door te voeren (in 15 minuten). Toch kan ik me voorstellen dat je misschien toch wat hulp wilt hebben of het gewoon liever helemaal door een expert laat doen.
Dat is mogelijk!
Neem contact met ons op, dan kijken we vrijblijvend hoeveel snelheidswinst er voor jouw website te behalen valt. Snelheid is trouwens ook een vast onderdeel van onze technische SEO-audit, mocht je meteen het complete plaatje willen.