Laat gebruikers niet wachten, verhoog de snelheid van je website
Google implementeerde tal van ranking factoren om de gebruikservaring van jouw bezoekers te optimaliseren. Ook de snelheid van je website is hier een cruciaal onderdeel van. Want zeg nu eerlijk, toch niemand houdt van lang wachten?
Hieronder bespreken we wat website snelheid precies is, welke gevolgen het heeft voor jouw SEO en vooral, hoe jij jouw website (weer) pijlsnel maakt. Ontdek onze praktische tips en adviezen en ga vol goeie moed aan de slag. Geen tijd om verder te lezen? Geen nood. Digital Climax staat voor jou al in de startblokken, uitgerust met de beste SEO loopschoenen.
Vraag vandaag nog je gratis SEO scan. Zo weet jij perfect hoe jouw website er op dit moment voor staat. Samen spitten we alles stap voor stap uit. Ready? Set. Go!
Gratis SEO scan
Wat is page speed?
Website snelheid is de tijd die jouw website nodig heeft om volledig te laden. Deze laadtijd start vanaf het moment dat een gebruiker op jouw link klinkt, of jouw URL invoert. En loopt tot het ogenblik waarop jouw pagina volledig zichtbaar en interactief is.
Een snelle website, belangrijk voor gebruikers én Google
Gebruikers belanden op een pagina van jouw website met een bepaald doel voor ogen: ze zijn op zoek naar informatie, ze willen iets aankopen of ze zoeken naar adviezen. Jouw bezoekers verwachten zo snel mogelijk een antwoord, een winkelmandje dat hun aankopen razendsnel verwerkt of een handig en efficiënt overzicht van tips. En dat allemaal, jawel, zonder wachten.
Verlaten ongeduldige bezoekers jouw pagina zonder hun aankoop te voltooien, omdat ze te lang moeten wachten op het laden van hun winkelmandje? Dan verlaagt jouw conversie ratio en dalen jouw prestaties op de resultatenpagina.
Gebruikers houden van pijlsnelle pagina’s
Bezoekers die te lang moeten wachten op het laden van jouw pagina’s, voelen zich bedrogen en klikken even snel weer weg. Dit heeft impact op de bounce rate van jouw website, het fenomeen waarbij bezoekers je pagina verlaten zonder actie te ondernemen.
Zorg dus voor een razendsnelle website, geef je gebruikers geen kans om te vertrekken, houdt hun aandacht en stimuleer hen om zo veel mogelijk tijd door te brengen op jouw interactieve pagina’s.
Google smult van een hoge page speed
Voor de zoekmachine is laadtijd een belangrijke factor om jouw website te ranken. Blijven surfers lang plakken op je pagina? Goed zo.
Klikken ze na een aantal seconden weer onverbiddelijk weg? Dan ziet Google dit als een indicatie van niet relevante website (ook al is jouw inhoud misschien enorm relevant) en daalt jouw ranking op de SERP.
Analyseer jouw website snelheid
Je server laadt jouw website altijd chronologisch in. Jouw gebruikers zien altijd eerst het gedeelte above the fold (het stuk dat onmiddellijk zichtbaar is zonder te scrollen).
Plaats jij in dit onderdeel een video, afbeelding, slider of ander element, maar duurt het te lang om deze content te laden? Dan krijgen jouw bezoekers mogelijk de eerste paar (milli)seconden geen informatie te zien. Je gebruikers scrollen meteen door naar de rest van je pagina, of klikken genadeloos weer weg.
Maar hoe weet jij of je website snel laadt of niet? Start dan bij een grondige analyse van je huidige laadtijd. Een handige tool hiervoor is PageSpeed Insights. Geef de URL van je website of pagina in en klik op ‘analyseren’. Je krijgt een overzicht van je laadsnelheid, voor mobiele en desktop versie.
Tip:
Wanneer PageSpeed Insights niet beschikt over voldoende data van een specifieke pagina, krijg je de prestaties te zien van je homepage.
De tool geeft je prestaties weer in kleuren, waarbij rood slecht is, oranje middelmatig en groen een goede score is.
Er zit wel degelijk een verschil op de laadsnelheden voor mobiele en desktop versies. De mobiele weergave gebruikt achterliggend een trage verbinding. Of beschikt op sommige plaatsen over slect bereik. In onze opinie is de mobiele verbinding nog steeds te traag, maar wel realistisch.
De meeste gebruikers surfen mobiel naar jouw website, we analyseren dan ook graag deze laadtijden. De algemene mobiele score in ons voorbeeld is 54, wat betekent dat de website vrij traag laadt. Zeker in vergelijking met de prestatie op desktop, die een score van 94 heeft.
Er zijn een aantal indicaties die de snelheid van je pagina weergeven:
- First Contentful Paint (FCP): geeft het aantal (milli)seconden weer hoe lang je gebruiker wacht om een eerste element van je pagina te zien. Hoe lager deze score, hoe hoger de gebruikservaring van je bezoeker.
- Total Blocking Time (TBT): de totale tijd waarop een gebruikers niets kan doen op je pagina, totdat alle elementen geladen zijn.
- Speed Index: dit getal geeft weer hoe lang een gebruiker wacht totdat de volledige inhoud van je pagina zichtbaar is.
- Largest Contentful Paint (LCP): geeft de tijd weer hoe lang het duurt voordat je pagina het grootste element toont aan je bezoekers. Dit kan een tekstblok zijn, maar even goed een afbeelding, slider of video.
- Cumultative Layout Shift: de mate waarin jouw pagina verspringt tijdens het laden. Staat deze op nul, dan blijft jouw beeld exact hetzelfde, terwijl er nog elementen aan het laden zijn (denk aan video’s, afbeeldingen of sliders).
Onder deze scores vind je een overzicht van prestatieproblemen waardoor jouw pagina trager laadt. We leggen je graag aan aantal mogelijke oorzaken uit. Deze elementen vereisen heel wat technische kennis. Wil je meer weten, lees dan alles over technische SEO.
Elementen die jouw website vertragen
Gebruikservaring is een belangrijk onderdeel in jouw SEO-strategie. Ga daarom, na het analyseren van je paginasnelheid, aan de slag met het optimaliseren van je website. Lees hieronder onze tips en verhoog de laadtijd van je pagina’s.
Afbeeldingen verkleinen in formaat
Grote afbeeldingen zorgen ervoor dat je pagina trager laadt en dat je gebruikers langer moeten wachten op relevante informatie. Geef ze geen kans om te vertrekken en plaats verkleinde foto’s op je website. Hierdoor blijft de afmeting en de kwaliteit van je foto hetzelfde, maar het formaat is kleiner en zorgt ervoor dat je laadtijd korter is.
Kies in plaats van een JPEG of PNG voor een WebP afbeelding, een bestandstype dat perfect is voor websites. Bijvoorbeeld: je afbeelding blijft nog steeds 10 op 5 centimeter, maar het gewicht van je foto verkleind aanzienlijk.
Afbeeldingen comprimeren
Het laden van een afbeeldingen verlaagt de page speed van je website. Elke KB (Kilobyte) telt bij het optimaliseren van je website snelheid. Verklein daarom de bestandsgrootte van je foto door gebruik te maken van een tool zoals Imagify (later hierover meer). Let op dat de afmeting van je afbeelding niet groter is dan de maximale weergave in pixels. Hierdoor duurt het minder lang om te verschijnen op je pagina en verhoog je de gebruikservaring van je bezoekers.
Bijvoorbeeld: je website geeft afbeeldingen op mobiel en op desktop weer in een pixelgrootte van 300 bij 300 pixels. Zorg er dan voor dat je foto niet groter is dan 300 op 300.
Browsers caching
Sla afbeeldingen, stukken tekst, video’s of andere elementen op in het cachegeheugen van je browers. Op deze manier sla je gegevens tijdelijk op, zodat pagina’s niet steeds alle content opnieuw moeten inladen. Hierdoor surfen je gebruikers vlotter en sneller doorheen je website en verhoog je hun gebruikservaring.
Type server aanpassen
Elke website maakt gebruik van een type server. Hoe kwalitatiever je server, hoe hoger de laadsnelheid van je pagina’s. Kies liever voor een duurdere server in plaats van een goedkopere variant die 1000 kilometer verwijderd is van jouw locatie.
De afgelopen jaren was Apache de standaard server, maar wij werken liever met LiteSpeed servers die PHP (Hypertext Preprocessor) efficiënter verwerken en websites dus sneller laden.
Gebruik van redirects
Vermijd redirects die jouw gebruiker van het figuurlijke kastje naar de muur sturen. Stuur je bezoekers onmiddellijk naar de juiste pagina en haal links zonder meerwaarde uit je website. Ontdek alles over de werking van interne redirects. En lees onze Screaming Frog handleiding om te weten hoe jij issues met je redirects en problemen aanpakt.
Beperk je HTTP requests
Een website bestaat uit verschillende elementen, die stuk voor stuk geladen worden. Elke font, elke afbeelding, elke video op je pagina is automatisch een HTTP request. Hoe meer requests, hoe lager je website snelheid. Beperk je HTTP request door slechts één soort font te gebruiken, in plaats van vijf verschillende. Comprimeer je afbeeldingen, optimaliseer je Javascript.
Minify CCS en Javascript files
Elke website heeft een technisch onderdeel, gecombineerd met design, een CCS code. Deze letters en tekens maken van jouw pagina een overtuigend en aantrekkelijk beeld. Alsook het gebruik van Javascript. Deze scripttaal maakt je website interactief. Door bijvoorbeeld een formulier te tonen waarop jij als gebruiker gegevens invoert die in real-time verschijnen.
Maar beide elementen vertragen de laadtijd van je website. Door onder andere alle overbodige spaties te schrappen in je code, verklein je het bestand. Hierdoor verhoog je de page speed van je pagina, zonder het resultaat aan te passen.
Content Delivery Network (CDN)
CDN, een wereldwijd netwerk dat content levert aan servers, wordt vaak gezien als dé oplossing bij trage websites. Is jouw website aangesloten bij een CDN-netwerk, dan slaan caching servers jouw gegevens op globale basis op. Surfen gebruikers uit het buitenland naar jouw website? Dan krijgen zij jouw content sneller te zien.
Maar richt jouw website zich enkel op nationale gebruikers? Dan heeft het geen nut om beroep te doen op een internationale server. Hierbij stuurt deze server jouw gegevens eerst naar de andere kant van de wereld, alvorens ze te tonen op het scherm van jouw gebruiker. Een overbodige tussenstap dus.
WordPress tools voor page speed
Zet bij het optimaliseren van je SEO in op de laadsnelheid van jouw pagina’s. Gebruik deze handige tools om de page speed van je website te analyseren en te verbeteren. Let wel, hoe meer pluging jouw website heeft, hoe trager hij laadt.
WP Rocket
Deze plugin biedt een aantal geautomatiseerde functies zoals bestandoptimalisatie, het verbeteren van de laadsnelheid van afbeeldingen en het verkleinen van CSS-codes.
Surf naar de site van WP Rocket. Maak een account aan of log in met je bestaande gegevens. Klik onderaan op ‘download WP Rocket’. Klik hierna links in de navigatie op ‘Plugins’ en daarna op ‘knop Plugin toevoegen’.
Imagify
Om je afbeeldingen te verkleinen zonder de kwaliteit ervan aan te passen, gebruik je de plugin Imagify. Ga naar je WordPress dashboard van je website en log in.
Klik links in de navigatiebalk op ‘Plugins’, zoek naar de Imagify plugin en voeg deze toe. Stel in hoe groot je afbeeldingen mogen zijn op basis van het aantal pixels.
Een voorbeeld van website snelheid optimalisatie
We tonen je graag het belang en de impact van websitesnelheid aan de hand van een concreet voorbeeld. Wanneer we een analyse maken in PageSpeed Insights, zien we dat de snelheid van deze pagina slechts een score heeft van 47. Onderaan dit cijfer, vind je de oorzaken terug van het probleem.
PageSpeed Insights laat weten dat het laden van onze YouTube video voor heel wat vertraging zorgt. We lossen dit issue op door het beeldmateriaal uitgesteld te laten met lazy loading. Hierdoor laadt je pagina niet in één keer. Gebruikers zien bovenaan essentiële en overtuigende informatie. En je YouTube video laadt pas vlak voordat bezoekers naar beneden scrollen.
Door deze kleine aanpassing, stijgt je website snelheid aanzienlijk, van 47 naar 60:
Maar het kan nog beter. Door je YouTube video te verplaatsen naar onderen, staat hij niet meer above the fold. Hierdoor treedt de lazy loading pas echt in werking. Gebruikers zien alle informatie above the fold onmiddellijk, zonder te wachten op het laden van je video. Je websitensnelheid stijgt naar 81.
Gaan we nog een stapje verder? In plaats van je video te verplaatsen naar onderen, vervangen we hem door een andere afbeelding die above the fold staat. Scrol je naar beneden, dan lijkt het alsof er een YouTube video staat. Maar in werkelijkheid tonen we hier enkel het eerste beeld van de video en moet je als bezoeker doorklikken om hem effectief te openen en te bekijken. Deze aanpassing zorgt ervoor dat onze websitesnelheid nog eens omhoog gaat, van 81 naar 91.
Door een paar kleine wijzigingen door te voeren, optimaliseer je je pagina aanzienlijk. Je bezoekers hoeven niet onnodig te wachten op informatie en blijven met plezier langer op je pagina plakken.
Verbeter je laadsnelheid met Digital Climax
Bezoekers verwachten nieuwe en flitsende content in één oogopslag. Moeten ze aantal keer knipperen, dan is jouw website te traag. En haken ze verveeld af. Ook al staat jouw website voor de rest volledig op punt op gebied van SEO. Vermijd alle elementen die een negatieve impact hebben op jouw page speed. En geef jouw gebruikers wat ze willen, wanneer ze het willen.
Ging dit allemaal wat snel voor jou? Schakel je liever een team van experten in? Neem dan vandaag nog contact op, wij staan voor je klaar.
