In ons laatste artikel hadden we het over mobiele optimalisatie voor je website. Maar dat je website er goed moet uitzien op mobiele toestellen is niet het enige wat je in gedachten moet houden: hoe snel je website laadt is even belangrijk. Google ontdekte al vroeg dat de laadtijd van een website een enorme impact heeft op de ervaring van de gebruiker en maakte het een van de criteria bij het rangschikken. Websites die te traag laden scoren altijd lager in de rangschikking. De gebruikerservaring wordt steeds belangrijker en een van de redenen daarvoor is de meest recente update van Google, Core Web Vitals, dat gelanceerd werd in mei 2021.
Terwijl Google ernaar streeft om diens gebruikers de beste resultaten en de beste ervaring to bieden, kun je jezelf misschien afvragen of dit onderwerp jou, als bedrijfseigenaar, ook aangaat. Het antwoord is simpelweg, ja, als je je rangschikking wik behouden en je klanten evenals Google tevredenstellen. Google zal in staat zijn om op basis van een URL te meten hoe gebruikers de ervaring zullen zien en met een website werken en zal zo in staat zijn deze met andere website te vergelijken. Dit betekent dus dat de gebruikerservaring binnenkort een deel van de criteria voor het rangschikken van websites zal worden. Omwille van de sterke correlatie tussen de snelheid van een pagina en de gebruiksvriendelijkheid is het logisch dat elke web-hoster de laadtijd nakijkt en indien nodig verbeterd.
Hoe wordt paginasnelheid eigenlijk gedefinieerd? Paginasnelheid verwijst naar de snelheid waarmee een website laadt. Er bestaat wat onenigheid over wat een volledig geladen website precies betekent, aangezien zoekmachines andere factoren gebruiken om dit te bepalen dan een normaal persoon bijvoorbeeld. Maar het punt is dat hoe trager de website laadt, hoe hoger de bounce-graad wat ons opnieuw het verband tussen de laadtijd van een pagina en het gedrag van de gebruiker toont! Hier zijn een aantal voorbeelden van paginasnelheid en de bounce-graad eraan gelinkt:
In het verleden werd bepaald dat alles inclusief de source code moest geladen zijn voordat het wilde zeggen dat de hele website geladen was. Maar gebruikers hebben daar zelf een beetje een andere mening over. Zij zijn minder geïnteresseerd in de technische kant en meer in wanneer ze de site daadwerkelijk kunnen gebruiken. Daarom is het voor hen voornamelijk belangrijk wanneer de Largest Contentful Paint (LCP) geladen is wat wil zeggen het moment waarop de inhoud van de website te zien is en er logisch uitziet. Vanaf dat moment kan de gebruiker bijvoorbeeld een artikel lezen of een product bekijken etc. De eerste content paint is niet noodzakelijk de meest relevante voor de gebruiker. Google aanziet het ook als heel belangrijk. Een goeie tijd voor het laden van de LCP zou tot 2.5 seconden zijn.
Test eerst en vooral de snelheid van je website! Er zijn veel gratis tools waarmee je dit kunt doen! Een heel populaire optie is Google PageSpeed Insights. Dit tool kan zowel de prestatie van je site op een desktop als de mobiele versie ervan testen. Het is heel gemakkelijk in gebruik en werkt op de meeste browsers. Geef gewoon de URL in en je zult heel wat informatie over de ladingstijd krijgen. De tool bekijkt ook alle sub-pagina’s en geeft hen een score op 100. Het zal verder binnen slechts enkele minuten een rapport opstellen en zal alle informatie per prioriteit in verschillende delen indelen.
Als je laadtijd niet optimaal is dan zijn er een aantal oorzaken die je meteen kan nakijken: is de website te groot? Dit wil zeggen dat er veel sub-pagina’s zijn met veel grote bestanden? Alleen dit al kan een enorme impact hebben op de laadsnelheid. Je kijkt best ook even na of je te veel HTTP-aanvragen (server calls) hebt. Een server call gaat van start voor elke afbeelding die op je website te zien is en elke ingesloten omleidingslink in je tekst. Als je veel van deze elementen op je pagina hebt dan zal dit je website automatisch trager maken.
Als je nog niet zeker bent waar juist te beginnen dan hebben we hjer een aantal tips voor wat je nu meteen kan doen ook al ben je geen expert in laadsnelheid:
1.Houd je source code clean: Probeer gestroomlijnde code te gebruiken die aan zijn functie voldoet en verwijder, indien nodig, onnodige codefragmenten.
2.Foto formaat: Wees er zeker van dat je foto’s zo klein mogelijk maakt en gebruik geen grote bestanden tenzij het niet anders kan!
3.Compressie: Het is mogelijk om bepaalde elementen van je website te comprimeren zodat ze sneller laden. Het proces van het kleiner maken van je pagina heet GZIP-compressie en werkt zoals zip bestanden. Je kunt het gebruiken om de grootte van je CSS, HTML, en JavaScript bestanden aan te passen (gebruikt het echter niet voor foto’s zodat ze nog steeds van de beste kwaliteit zijn).
4.Gebruik browsercaching: Wees er zeker van dat caching aan staat. Op die manier verminder je de hoeveelheid data die moet laden bij terugkerende gebruikers en gebruikers die verschillende pagina’s hebben openstaan. Als de pagina niet elke keer helemaal opnieuw moet laden dan zal dat veel ladingstijd besparen!
5.Plug-Ins: Sommige plug-ins kunnen een proces binnen je winkel-systeem automatiseren, wat op zich dan weer een positief effect op de ladingstijd zal hebben. WordPress biedt bijvoorbeeld verschillende plug-ins aan, zoals WP Rocket of Total Cache. Als je WordPress niet gebruikt kun je simpelweg je CMS-provider Googelen en zoekwoorden zoals “mijn winkelsysteem sneller maken” enz. ingeven.
6.Verminder http-aanvragen: Door CSS image sprites te gebruiken kun je alle foto’s in een bogger-document samenbrengen, wat dan slecht een enkele server call voor al je foto’s nodig heeft! Je zorgt er best ook voor dat alle je gebroken links vermaakt! Gebroken links zijn links op je website die niet meer bestaan en nergens naartoe gaan, toch werd een aanvraag gedaan en vergt deze laadtijd enkel en alleen om een foutmelding te tonen. Over het algemeen houd je het aantal omleiding best tot het absoluut noodzakelijke aantal, aangezien - zoals we reeds bespraken – elke omleidingen een serveraanvraag vraagt wat de laadtijd alleen maar langer maakt.
7.Kies de juiste Web-hosting provider: Heeft je provider te veel gebruikers op een server? Kies in plaats daarvan een vertrouwbare hosting provider!
8.Server: Als je alles hebt gedaan wat je kon en je site laadt nog steeds traan dan kun je best je server nakijken. Misschien is deze voorbijgestreefd en denk je beter eens na over een nieuwe.
Zoals met veel dingend ie je voor je bedrijf online kunt doen is het altijd jouw keuze hoeveel tijd en geld je bereid bent (en de mogelijkheid toe hebt) om uit te geven aan de verbetering. Veel factoren kunnen een invloed hebben op je online-aanwezigheid en er zijn vele verschillende meningen te vinden op het internet over welke de belangrijkste zijn.
Sinds Google onlangs mobile-first indexering heeft geïntroduceerd, wat wil zeggen dat content nu enkel gebaseerd op de mobiele versie van je website geïndexeerd wordt is het min of meer onmogelijk om met een alternatief er zeker van te zijn dat je website geoptimaliseerd is voor mobiele gebruikers en snel laadt. Ook zijn er, zoals in dit artikel aangegeven, veel zaken die je kunt om de laadtijd van je website te verkorten wat een goede impact zal hebben op je bounce-graad. Dit maakt van de laadtijd tegelijk een makkelijke en belangrijke stap binnen het optimaliseren van je website. Vergeet ook niet dat je niet de snelste pagina ter wereld hoeft te hebben, het is al goed als je sneller bent dan je concurrenten.
Als je meer hulp wil met het optimaliseren van je website dan zijn er een aantal heel goeie online applicaties zoals rankingCoach, die zich precies hierin specialiseren. rankingCoach biedt een volledig kosteloze rapportage-applicatie aan om je online prestatie te kunnen volgend en je concurrenten in het oog te houden! Je kunt Google Analytics ook aan je rankingCoach account verbinden voor een nog grondigere analyse van je online prestatie!