Website snelheid testen en verbeteren

Website snelheid testen

Deel dit artikel:

Op deze pagina lees je het volgende

Niets is vervelender dan een website met een lange laadtijd. Al vanaf het moment dat mijn site online kwam, vond ik de website snelheid niet snel genoeg. Ik heb eerder al wat pogingen gedaan om mijn website snelheid te verbeteren, maar niets leek te werken. En misschien nog wel vervelender vond ik dat bij iedere website snelheid test een andere uitslag kwam. Vorige week was ik het echt zat en heb ik mijn website onder constructie gezet om hem te versnellen. Ik vertel graag wat ik heb gedaan om de website snelheid te verbeteren. Ik deel ook een aantal website snelheid testen met jou. 

Waarom is website snelheid belangrijk?

Allereerst is de mens niet meer zo geduldig als vroeger. Het liefste moet alles zo snel mogelijk. Tijd kost nou eenmaal geld. Wanneer het laden van je website te lang duurt, klikken mensen weg en daarmee kost het je samenwerkingen en lezers. En niet alleen voor lezers is het belangrijk om een snelle website te hebben. Google scoort jouw website, namelijk ook op snelheid. Een website met een goede snelheid levert daarmee goede seo-scores op. Dit zijn al een aantal redenen om aan je website snelheid te werken. 

Een goede website snelheid zorgt voor langere bezoektijden

Je wilt als website en webshop eigenaar dat bezoekers zolang mogelijk op je website blijven. Het harde werk van je onderneming wordt daarmee natuurlijk ontzettend beloond, maar daarnaast geeft het ook een teken af aan Google. Hoe langer bezoekers op jouw website blijven rondneuzen, hoe hoger Google jouw website van waarde inschat. Daarmee zul je betere posities krijgen bij zoekopdrachten. Betere posities in zoekopdrachten leveren weer meer bezoekers op.

Een slechte website snelheid kost lezers

Eerder noemde ik het al even, maar wanneer het laden van je website te lang duurt kan het je lezers kosten. We kennen het allemaal wel dat je direct weg klikt wanneer het laden van een website teveel tijd kost. Zo belangrijk is het lezen van een bepaald artikel op dat moment namelijk ook niet. Ik herken het bij mijzelf in ieder geval wel heel goed. Het kan je dus een hoop lezers kosten, maar ook een hoop klanten. Wanneer klanten weg klikken van jouwe website, kunnen ze ook niet overgaan tot kopen of je diensten aanvragen.

Een goede website snelheid levert betere prestaties

Ook Google beloont websites met een snelle laadtijd. Tegenwoordig let Google en andere zoekmachines steeds meer op de technische kant van website. De laadtijd van je website is daar een onderdeel van. Hoe sneller je website is, hoe hoger Google je website plaatst. Het is dus zeker het overwegen waard om je website technisch goed in elkaar te zetten.

Een snelle website zorgt voor meer inkomsten

Er zijn een hoop onderzoeken geweest naar de online gebruikerservaringen van bezoekers. Zo keert maar liefst 79% niet terug naar een webshop wanneer een website niet snel laad. Bovendien baseren 52% van de bezoekers ook het vertrouwen in de webshop op de website snelheid. Een aantal gegevens die al aangeven hoe cruciaal een snelle website is.

Hoe kun je de website snelheid testen

Er zijn een aantal website snelheid testen. De ene website snelheid test is net wat uitgebreider en begrijpelijker dan de ander, maar allemaal uniek in hun uitslag. Waarbij ik bij de een heel goed scoorde, scoorde ik bij de ander alsnog middelmatig. Verwarrend en irritant op zijn minst, maar laat mij wel zien dat er meerdere punten zijn waar ik iets aan kan doen. Met de volgende systemen kun jij website snelheid testen: 

  • GMetrix, deze handige website laat niet alleen de score die Google aan je website geeft zien, maar ook de score die Yahoo geeft. Per verbeterpunt geeft GMetrix een uitgebreide uitleg over waarom je dit zou moeten aanpassen, maar ook hoe je dit kan doen. Het handige is dat zij ook een WordPress plugin ontwikkeld hebben, zo kun je ten alle tijden zien wat aanpassingen voor je website snelheid doen.  
  • Pagespeed Insights, uiteraard heb je de snelheidstest van Google zelf. Ook Google geeft een uitgebreide uitleg over hoe je bepaalde punten aan kunt pakken, alhoewel ik hun uitleg niet altijd even duidelijk vind. 
  • Pingdom Tool, het handige aan deze test is, dat je kan aangeven vanuit welke regio jij de website snelheid wilt testen. Op die manier wordt de afstand naar de server zoveel mogelijk beperkt. Ik vind de uitleg die deze test geeft, vrij beperkt. Het was voor mij noodzakelijk om meer uitleg op te zoeken. 
  • Uptrends, ondanks de uitslag van de Pagespeed Insights test ook Nederlands is, vind ik de uitleg van Uptrends veel duidelijker omschreven. Hierdoor is het gemakkelijker te begrijpen wat je kunt doen en hoe je het op kunt lossen

Waar kijkt Google naar bij website snelheid?

Hoe je het ook went of keert bijna alle website snelheid testen gaan uit van de technieken van Google. Ondanks de uitslagen kunnen verschillen, komt het principe op hetzelfde neer. Er zijn namelijk een aantal vaste punten waar alle website snelheid testen naar kijken, hierbij kun je denken aan onder andere de volgende punten:

  • optimalisatie van afbeeldingen
  • de grootte van CSS
  • het aantal pagina omleidingen
  • de grootte van javascript
  • worden belangrijke verzoeken vooraf geladen?
  • is er ongebruikte CSS aanwezig?

Wat heb ik aangepast om mijn website snelheid te verbeteren?

Website snelheid testen uitslagAllereerst is het handig om mede te delen dat mijn website echt heel traag was. Bij zo’n beetje alle testen kwam de laadtijd uit tussen de 9 en 12 seconden en dat is traag. Ik heb een week uitgetrokken om alle aanpassingen door te voeren, omdat ik van plan was om het in een keer goed aan te pakken. Althans dat hoopte ik. De volgende aanpassingen heb ik doorgevoerd om de snelheid van deze website te beteren. Overigens zie je hier ook een uitslag van de test na de aanpassingen. 

Het verwijderen van het thema

Als eerste heb ik het thema van mijn website eraf gehaald. De CSS en HTML die in het thema zat dat ik gebruikte was zo verschrikkelijk groot, dat het een groot deel van de laadtijd in nam. Ik maakte gebruik van een thema van Pipdig, maar na wat onderzoek blijkt daar ook expres een stukje code in te zitten die je website vertraagd. Ze hopen dat je op die manier overstapt naar de hosting die zij aanbieden. Ik heb uiteindelijk een heel neutraal thema gekozen, die heel weinig laadtijd kost. 

Ik heb namelijk gekozen voor het hello thema van Elementor. Hiermee bleef grotendeels van mijn lay-out intact. Het thema bevat 475,1 KB en wordt in 503 ms geladen. Daarnaast is hij ook SEO vriendelijk. Ideaal voor mijn website. 

Afbeeldingen verder optimaliseren

Op mijn website gebruik ik veel afbeeldingen. En dat zijn vaak de punten die heel veel tijd in beslag nemen. Het is dus belangrijk om ervoor te zorgen dat die goed geoptimaliseerd zijn. Je moet rekening houden met de volgende punten bij het optimaliseren van afbeeldingen. Allereerst is de grootte van de afbeeldingen van belang. Door afbeeldingen te resizen, kun je behoorlijk wat ruimte besparen, maar tegelijkertijd moet de kwaliteit goed blijven. De reden dat hij nu slechts 58% is, komt door de Instagram plugin die ik gebruik. Daar ga ik dus een andere voor zoeken. 

Voordat ik de foto’s naar mijn website upload, verklein ik de foto’s via de website Photopea. Daarmee kun je bij het downloaden van de foto direct de grootte aanpassen. Bovendien past de website direct de kwaliteit aan van de foto naar 70%. Daarmee verklein je het bestand van de foto aanzienlijk zonder dat je zichtbaar inlevert op de kwaliteit van de foto’s. Ik ben er in ieder geval ontzettend blij mee.

Het verwijderen van een aantal plugins

Bij de uitslag van een aantal testen kun je in de waterfall zien waar je website heel veel laadtijd voor vraagt. Dit bleek bij mij de plugin te zijn die ik gebruikte voor de cookiemelding. Ik maakte gebruik van de plugin AVG cookie toestemming. Die blokkeerde de weergave van mijn inhoud. Ik gebruikte een plugin om mijn verlopen links te testen, maar ook die heb ik verwijderd omdat hij mijn website aanzienlijk vertraagde. 

AVG cookie toestemming heb ik uiteindelijk vervangen door Complianz. Een vrij eenvoudige plugin die je volledig kunt aanpassen naar jouw wensen. Bovendien zit er ook een startwizard op waarmee je slechts de gegevens hoeft in te vullen en de plugin hem volledig voor je aanmaakt.  Ik heb de broken link checker nog niet vervangen, daar moet ik nog een vervanger voor zoeken. 

Preloading toevoegen

Door preloading toe te voegen aan je website, worden belangrijke verzoeken vooraf geladen. Dit zijn bijvoorbeeld de gegevens die veel tijd innemen. Bij het openen van iedere site wordt er een beroep gedaan op je server. Die gaat dan eerst de CSS, HTML en Javascript laden, in de volgorde zoals het in je website is opgenomen. Wanneer er gegevens zijn die veel tijd in beslag nemen, maar pas later worden geladen, wordt je website trager. Om het laadproces eerder te starten, is preloading een handige oplossing. Je kunt er hier meer over vinden. 

Het is belangrijk om enkel hetgeen te pre loaden dat kritieke verzoeken geeft. Veel servers hebben al ingebouwde manieren om gegevens snel te laden en niet alle gegevens zijn nodig om te pre loaden. Om iets te preloaden moet je een tag toevoegen aan het HTML bestand van je pagina’s. Hoe de tag er exact uit te komt te zien hangt af van hetgeen dat je wilt pre loaden. In ieder geval begin je tag met het volgende: 

<link rel="preload"

In de situatie dat je javascript wilt pre loaden gebruik je de volgende code: 

<link rel="preload" as="script" href="critical.js">

Cache verbeteren om de website snelheid te verbeteren

Ik maakte al gebruik van een cache plugin, maar dat was nog niet voldoende volgens een aantal website snelheid testen. Dit heb ik onder andere gedaan door deze caching parameters in mijn rootmap toe te voegen. Inmiddels scoort mijn site dus ook daarop veel beter en is mijn website veel sneller. 

Wat kun je verder doen om je website snelheid te verbeteren?

Zoals je eerder al hebt kunnen lezen, is de snelheid van je website cruciaal. Gelukkig zijn er een aantal acties die je kunt ondernemen om de snelheid van je website te verbeteren. Hierboven heb je er al een aantal kunnen vinden, maar er zijn er gelukkig nog meer. 

Implementeer Faceted search in je webshop

Een van de manieren waarmee jij je webshop kunt versnellen. Het laden van zoekresultaten kan erg lang duren en dat kan een hoop potentiële klanten kosten. Met Faceted Search breng jij de zoekfunctionaliteit op jouw website volledig naar een nieuwe niveau. Naast snellere resultaten, zijn er nog vele andere voordelen aan Faceted Search. Je kunt de zoekresultaten namelijk handig filteren en de volgorde van de resultaten beïnvloeden. Zo heb je meer controle over hetgeen dat bezoekers aantreffen. Ideaal voor jouw webshop om betere resultaten te behalen en je website te versnellen.

Je website verhuizen naar een andere webhost

Onlangs heb ik ook zelf de stap gezet om mijn website te verhuizen naar een andere webhost. De locatie waar de servers staan bepaalt namelijk ook de snelheid van je website. Je keuze kun je het beste baseren op de taal van je website. Is je website in het Nederlands probeer dan een webhost te kiezen met de server in Nederland. Het vraagt namelijk enige tijd, wanneer de server in het buitenland staat. Dat kan je website vertragen en je wilt juist je website versnellen. Wellicht is het verhuizen naar een andere webhost dus ook voor jou een handige stap bij het versnellen van je website.

Test jij wel eens jouw website snelheid?

Deel dit artikel:

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.

Deze site gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Bekijk ook eens deze berichten: