Is jouw WordPress website traag of niet snel genoeg? Wil je deze enorm verbeteren qua snelheid en zorgen dat jouw TTFB lager is dan dat van jouw concurrenten? Dan is deze handleiding de ideale gids om jouw website naar de hoogste versnelling qua snelheid te brengen!
Inhoudsopgave:
- Waarom is de snelheid van jouw website belangrijk?
- Controleer de snelheid van je website
- Waardoor is jouw website traag?
- Belang van razendsnelle WordPress hosting
- Hoe kan ik mijn website sneller maken?
Waarom is de snelheid van jouw website belangrijk?
In de afgelopen jaren is ons leven qua belasting, snelheid en stress enorm toegenomen. We willen allemaal zo veel mogelijk dingen doen in zo min mogelijk tijd!
Uit studies is ook gebleken dat de gemiddelde aandachtspanne van 12 seconden tientallen jaren geleden gedaald is naar gemiddeld 5 seconden.
Dit houdt dus in dat dat een bezoeker van jouw website zijn aandacht al verliest na 5 seconden te moeten wachten op jouw website. Stel dat jouw website dus trager laad dan 5 seconden, dan is de kans heel groot dat de bezoeker de laadtijd niet eens afwacht en jouw website al voordat deze geladen is verlaat.
Uit onderzoeken van de big tech industrie blijkt zelfs dat bij een vertraging van 1 seconde in het laden van jouw website, de conversies al zakken met minimaal 7%, er 11% minder paginaweergaven zullen zijn en daarboven op vervolgens minimaal 16% minder klanttevredenheid. Een serieuze zaak dus om jouw website snelheid zo hoog mogelijk te houden!
In de afgelopen jaren is het op SEO vlak ook enorm belangrijk geworden een hoge snelheid te hebben. Zoekmachines zoals Google hebben trage websites al gestraft en plaatsen deze lager in de zoekresultaten dan hun snellere concurrenten. Hun gedachtengang is dat als iemand informatie zoekt, ze een zo goed mogelijk resultaat willen bieden op die zoekopdracht.
Dat houdt dus in dat een website die trager laad en irritatie, ergernis of een verlatende bezoeker opwekt, niet behoort tot een goed resultaat voor de zoekopdracht die ingevoerd is.
Controleer de snelheid van je website
Om eerst een goede nulmeting te doen, is het van belang om voordat je ook maar iets optimaliseert een goede en betrouwbare snelheidsmeting van jouw website te doen.
Hierdoor weet je hoe snel jouw website nu laadt, waar de grove pijnpunten liggen betreft de de snelheid en zodoende ook meteen de kansen liggen om te optimaliseren.
Het kan zijn dat voor je gevoel jouw website nu al snel is en je daardoor denkt dat alles goed is, maar let op! Dit is een veelgemaakte fout, omdat browsers jouw website cachen (opslaan in heel snel lokaal geheugen) zorgen ze ervoor dat als je hem vaker bezoekt hij heel snel laad. Als je het vanaf een nieuwe lokatie via een nieuw apparaat laad, zul je zien dat het toch aanzienlijk trager is. Doe daarom altijd een onafhankelijke snelheidsmeting van jouw website.
Onafhankelijke snelheidsmeting
Om een onafhankelijke website snelheidsmeting te doen, maak je gebruik van de tool GTMetrix .
Deze tool gaat jouw website crawlen en checkt de snelheid op alle punten. Via een waterval methodiek kun je gemakkelijk zien welke elementen traag laden en geeft het je zelfs tips die je nog kunt verbeteren om een hogere score te halen. Daarover later meer!
Een goede website hoort sowieso volledig geladen te zijn onder de 2 seconden. Uiteraard geld weer, hoe sneller hoe beter! Als jouw concurrent zijn website in bijvoorbeeld 0.5 seconden laad en jij laad in 2 seconden, dan zal in elk geval jouw concurrent altijd een voordeel bij zowel de bezoeker, als in de zoekmachines zoals Google, BING en overige zoekmachines hebben.
Waardoor is jouw website traag?
Nu je de website snelheids test gedaan hebt, ga je controleren waardoor de website traag is en wat je kunt doen om hem sneller te maken.
Het GTMetrix rapport zal je hoe dan ook allemaal inzichten en tips geven wat je kan doen om het te verbeteren en wat er echt noodzakelijk is. Ik zal hieronder uiteenzetten waar je het beste op kunt letten:
TTFB - Time to first byte
Dit is de tijd die de server nodig heeft om de eerste byte te renderen en presenteren aan jouw internet browser. Dus zodra je een website opent, zal de webserver de scripts uitvoeren en renderen en zodra het klaar is zal jouw browser dit gepresenteerd krijgen en begint de internet browser de website te downloaden en weer te geven op jouw scherm.
Hoe lager de TTFB, hoe sneller dus de website op jouw scherm verschijnd en hoe lager de totale laadtijd van jouw website is.
De TTFB kan door middel van meerdere manieren omlaag gebracht worden, maar het allerbelangrijkste is te zorgen voor een zo snel mogelijke server of een enorm snel webhosting pakket waar jij jouw website op host.
Pagina formaat van jouw website
Als jouw website voorzien is van hele grote of zware content zoals grote plaatjes of heel veel plaatjes, folders of andere zaken, dan zal het vanzelfsprekend langer duren om jouw website te downloaden naar jouw browser toe.
De website is namelijk aanzienlijk groter dan een legere of geoptimaliseerde website en zodoende is het ook logisch dat doordat er meer gedownload moet worden, het ook langer duurt.
Zorg dus altijd voor goed geoptimaliseerde plaatjes die de juiste formaten hebben en nog belangrijker, ook lokaal op jouw server of webhosting pakket opgeslagen zijn.
Plaatjes op jouw website kun je gemakkelijk optimaliseren via tools zoals Jpegoptim of Optipng. Ook zijn er voor WordPress plugins die dit makkelijk voor je maken, zoals :
- Smush.
- EWWW Image Optimizer
- Optimus
Je installeert deze plugins en kunt via enkele klikken jouw gehele website scannen en alle plaatjes laten optimaliseren. Nadien zijn jouw plaatjes volledig gecomprimeerd en geoptimaliseerd en zal het formaat en de grootte van jouw website aanzienlijk lager zijn.
Website configuratie
Een goed geconfigureerde website kun je vergelijken met een goed geoliede machine. Ze draaien soepel, reageren adequaat en zijn enorm stabiel.
Het is daarom van groot belang dat jij jouw website goed instelt en ervoor zorgt deze optimaal werkt. Enkele zaken die van belang zijn om goed na te lopen zijn:
- De PHP instellingen
- De cache configuratie
- De GZIP instellingen in htaccess
- Volledig up2date
Met deze instellingen zorg jij ervoor dat jouw website goed werkt en de basis voor een hoge snelheid gelegd is. Wat de ideale instellingen zijn leggen we verder in dit artikel uit!
Externe scripts of css
Indien jouw website gebruik maakt van externe scripts of CSS, dan zal er bij elke paginaweergave een download moeten komen vanaf de externe server / lokatie.
Indien deze externe server traag reageert of bijvoorbeeld zelfs helemaal niet werkt, dan heeft dit een groot effect op de snelheid maar ook de werking van jouw website.
Probeer daarom externe scripts of css zoveel mogelijk te voorkomen en zorg dat je het meeste lokaal opslaat om zodoende altijd zelfvoorzienend te zijn en niet afhankelijk te zijn van vaak trage andere lokaties.
Slechte of verouderde plugins
Net als met een auto kan een slecht of verouderd onderdeel zorgen voor problemen of voor een tragere auto. Zorg er daarom altijd voor dat jouw website gebouwd is met de meest aangeraden plugins op het internet en zorg er ook voor dat deze plugins volledig up2date zijn, zodat ze veilig zijn en ook voorzien zijn van de hoogste snelheid voor jouw website en geen belemmerende werking meer hebben.
Belang van razendsnelle WordPress hosting
De TTFB ( Time to first byte ) zorgt er dus voor dat je én meer tevreden bezoekers hebt en dus snel hoger in de zoekmachines zoals Google komt. Een belangrijk gegeven dus.
De server of webhosting pakket waarop jij jouw website opgeslagen hebt, verwerkt bij elke paginaweergave jouw volledige website en presenteert vervolgens de eerste byte.
Nou is het net als met een race auto. Hoe sneller de motor van de auto is hoe harder die kan rijden. In dit geval is het dus zo dat hoe sneller jouw server of WordPress hosting pakket is, hoe sneller die jouw website kan verwerken en hoe eerder hij die eerste byte presenteert.
Het is daarom van enorm groot belang om te kiezen voor razendsnelle WordPress hosting en zodoende de basis van jouw website goed voor elkaar te hebben.
Uiteraard is het daarnaast ook van belang dat jouw website volledig geoptimaliseerd en gecached is, wat ervoor zorgt dat de server of het webhosting pakket jouw webserver nóg sneller kan verwerken. Hoe je dat kunt doen zullen we later in dit artikel uitleggen.
Uptime en support
Bij het zoeken van razendsnelle WordPress hosting is het ook van belang om te kijken naar de uptime en de support van de webhosting provider.
Je wil natuurlijk dat jouw website ten alle tijden bereikbaar is en dat als mensen ernaar op zoek zijn, ze een werkende website te zien krijgen en niet een http 500 error of een http 503 error .
Ook is de support van belang. Stel dat je een vraag hebt of een issue binnen jouw website waar jij niet uitkomt, dan verwacht je dat je een expert een vraag kunt stellen die jou meehelpt in het oplossen van het issue. Het is daarom ook van groot belang om in de zoektocht naar een webhosting provider te kijken naar de reviews van de hosting provider en de algemene uitstraling en openingstijden.
Hoe kan ik mijn website sneller maken?
Nu komen we bij het echte werk. Je hebt bij GTMetrix een nulmeting gedaan en weet wat jouw TTFB is en waar de pijnpunten van jouw website liggen.
We gaan nu optimaliseren en zorgen ervoor zonder lastige codes en via simpele stappen dat jouw website aanzienlijk sneller word dan die van jouw concurrenten!
Website versnellen stappenplan
- Update jouw website, plugins en thema’s
- Installeer WordPress caching plugin
- Cloudflare CDN installeren
- Optimaliseer de PHP instellingen
- Optimaliseer alle plaatjes van jouw website
- Ruim jouw website
- Optimaliseer de database
- Gebruik lazy loading
- Schakel hotlinking uit
- Toon enkel samenvattingen of inleidingen
Update jouw website, plugins en thema’s
Allereerst is het belangrijk om een goede fundering te maken. Zorg er daarom voor dat jouw website volledig up2date is en dat ook alle plugins en thema’s bijgewerkt zijn naar de laatste versie.
Hierdoor heb je alle security issues gedekt en zorg je er ook voor dat alles voorzien is van de laatste snelheidspatches en zodoende jouw website op de hoogste snelheid kan werken.
Installeer WordPress caching plugin
Nu komen we bij een belangrijke stap waarmee jij ervoor gaat zorgen dat je website al enorm zal gaan stijgen qua website snelheid, namelijk caching.
Caching is een techniek dat ervoor zorgt dat jouw website niet meer volledig gerenderd / verwerkt hoeft te worden. Het maakt een kopie van een reeds verwerkte versie van de pagina en slaat deze op in het snelle geheugen.
Bij een volgende pagina weergave zal de server de website dus niet meer helemaal verwerken, maar de pagina laden die het al “gecached” heeft eerder. Dit scheelt dus een enorme klap tijd en zorgt ervoor dat jouw website aanzienlijk sneller zal worden!
Als WordPress caching plugin raden wij deze plugin aan:
- WP Super cache
Deze plugin kun je installeren in de wp-admin van jouw WordPress website. Zodra de installatie afgerond is, begint het belangrijkste namelijk de configuratie.
Configuratie WP Super cache
Om te starten met de configuratie na de installatie ga je naar instellingen menu knop in WordPress en klik je daar op WP Super Cache.
Vervolgens opent zich een nieuwe pagina met allemaal tabbladen. Het eerste tabblad heet : “Makkelijk”. Ik zal hieronder per tabblad aangeven wat je moet instellen om de optimale WP Supercache configuratie te hebben.
WP Super Cache instellingen per tabblad
Tabblad Makkelijk:
- Zet caching op aan
- Laat de rest van de pagina op standaard staan
Tabblad Geavanceerd:
- Activeer caching
- Cache methode op expert
- Schakel caching in voor alle gebruikers
- Cache pagina’s met GET paramaters uitvinken
- Pagina’s comprimeren aanvinken
- Cache opnieuw opbouwen uitvinken
- Cache HTTP headers aanvinken
- 304 browser caching aanvinken
- Bekende gebruikers anoniem maken uitvinken
- Ondersteuning voor mobiele apparaten aanvinken
- Coarse bestandsvergrendeling uitvinken
- Klik nu op de Update status knop
- Cache timeout op 0 seconden zetten
- Klik op vervaldatum wijzigen
Tabblad CDN:
- Laat alles op standaard staan, als je geen CDN gebruikt.
Tabblad Inhoud:
- Hier zie je de cache statistieken. Je kan en hoeft hier niks verder in te stellen
Tabblad Voorladen:
- Stel voorladen van cache bestanden in op 720 minuten zodat die elke 12 uur de cache opnieuw aanmaakt
- Klik op instellingen opslaan
- Klik op cache nu vooraf laden zodat die direct begint met het cachen van de pagina
De WP Super cache plugin is nu optimaal geconfigureerd en zal direct beginnen met het cachen van al jouw website pagina’s.
Je kunt dit proces live volgen op de Voorladen pagina, maar je kunt op de Inhoud pagina zien hoeveel pagina’s in totaal al gecached zijn!
Cloudflare CDN installeren
Om te zorgen dat jouw WordPress website voor iedereen ter wereld razendsnel laad, gaan we ervoor zorgen dat je een CDN installeert.
Wat is een CDN?
De afkorting van CDN staat voor : Content Delivery Network. Het woord vertelt dat de content van jouw website over het delivery network afgeleverd word, maar wat is hier nou speciaal aan?
Bij een CDN word gebruik gemaakt van een speciaal netwerk, namelijk een unicast netwerk. Dit netwerk is zo slim, dat het ervoor zorgt dat een bezoeker altijd naar de server word verwezen welke de kortste laadtijd heeft.
Dus stel je bezoekt jouw website die in Nederland gehost staat terwijl je in Amerika staat, dan zal de CDN ervoor zorgen dat de content die de CDN heeft kunnen vinden geladen word vanuit Amerika en niet vanuit Nederland. Hierdoor zal jouw website aanzienlijk sneller laden omdat het niet de content helemaal hoeft te downloaden vanuit Nederland, maar dat supersnel doet vanuit het land waar jij je bevindt.
WordPress CDN activeren
Nu je weet wat een CDN is en vooral wat de kracht van een CDN is, gaan we een gratis CDN installeren binnen jouw website.
-
Hiervoor ga je als eerst naar de website van Cloudflare waar je voor jezelf een account aanmaakt.
-
Vervolgens als je ingelogd bent en je e-mailadres geverifieerd hebt, ga je naar websites toe en voeg je daar jouw huidige website toe.
-
Je komt dan bij de plans uit, oftewel CDN pakketten. Je kiest dan onderaan het FREE Plan, zodat je gratis gebruik kunt maken van Cloudflare.
-
Cloudflare zal dan op de volgende pagina je DNS records ophalen en verifiëren. In de meeste gevallen kun je gewoon door naar de volgende pagina.
-
De stap die je nu krijgt is het wijzigen van de nameservers van jouw domeinnaam naar die van cloudflare toe. Ze geven precies aan wat je moet aanpassen en welke nieuwe waarden je moet invoeren.
-
Nu je dit gewijzigd hebt, zal jouw domeinnaam gaan verwijzen naar de servers van Cloudflare. Hier zullen ze de content gaan cachen en de CDN laten werken, maar ook ervoor zorgen dat jouw website beveiligd is tegen DDoS aanvallen en andere security zaken.
De website zal automatisch gecomprimeerd worden en alle SSL aanvragen zullen geoptimaliseerd worden. Kortom een hele vooruitgang en dat volledig gratis!