Inleiding
Google vindt trage websites vervelend. Wij vinden trage websites vervelend. Maar wie trage websites nog vervelender vind? Jouw bezoeker!
Natuurlijk vinden we statistieken zoals CTR & CR belangrijk, maar uiteindelijk maken we de website voor je bezoeker, je potentiële klant. En die wil je de meest fijne gebruikerservaring bieden. Een website die snel laadt, waar video’s gelijk afspelen en waar afbeeldingen in de hoogste resolutie snel verschijnen.
Uit onderzoek is gebleken dat 50% (!) van de bezoekers afhaakt wanneer een website er langer dan drie seconden over doet om te laden. Denk er zelf maar eens over na: als je drie seconden aan het wachten bent, ga je terug naar de Google resultaten, en klik je op de eerst volgende. Een snel ladende website voelt fijn en wekt vertrouwen. Daarom geven we je vandaag enkele praktische tips om de laadsnelheid van je website te verbeteren!
Meten is weten
Goed, laten we bij het begin beginnen. Voor je kunt verbeteren, moeten we wel weten hoe je er nu voor staat. Onze favoriet is PageSpeed Insights van Google, en het belangrijkste cijfer om op te letten is de Largest Contentful Paint (LCP). LCP staat voor hoe snel de belangrijkste informatie op de pagina zichtbaar wordt voor je bezoeker. De LCP moet minimaal onder de twee blijven, maar natuurlijk hoe lager, hoe beter!
💡 Praktische tips:
- Vergeet niet naar de mobiele weergave te kijken, want deze kan enorm verschillen van de desktop variant.
- Je kan PageSpeed Insights van Google voor alle websites gebruiken, waardoor je dus gewoon kan kijken hoe je concurrenten scoren, en waar er dus kansen liggen.
Afbeeldingen & video
De grootste quick-win ligt vaak bij afbeeldingen & video’s. Media nemen aanzienlijk meer ruimte (en dus laadtijd) in dan tekst, en zijn dus vaak de grootste boosdoeners. Toch wil niemand een website die alleen maar uit tekst bestaat, dus ook hebben we voor dit onderdeel twee praktische tips voor je.
💡 Praktische tips:
- Gebruik bestanden zoals .webp of .svg, in plaats van .jpg of .png. Dit kan tot wel 80% schelen, zonder dat het invloed heeft op hoe de afbeelding eruit ziet.
- Gebruik een zogenaamde Lazy Loader. Deze techniek laadt alleen de elementen die in beeld zijn, en dus niet meteen al de hele webpagina.
- Host video’s vanaf YouTube of Vimeo, in plaats van op je website zelf, zo gaat het niet ten koste van je laadsnelheid.
Caching & CDN
Wanneer een bezoeker op je website rondkijkt, worden bepaalde bestanden (zoals afbeeldingen, CSS- en JavaScript-bestanden) op de achtergrond ‘opgeslagen’. Daardoor hoeft de browser deze bestanden bij een volgend bezoek niet opnieuw te downloaden, wat zorgt voor een snellere website.
Caching kan plaatsvinden in de browser (client-side) én op de server (server-side). Als een bezoeker zijn cache of cookies verwijdert, worden de lokaal opgeslagen bestanden verwijderd en moet alles opnieuw geladen worden.
Om websites nóg sneller te maken, raden wij aan om een CDN (Content Delivery Network) te gebruiken. Daarbij worden je bestanden verspreid over meerdere servers wereldwijd. Bezoekers laden de bestanden dan vanaf de dichtstbijzijnde server, waardoor je site altijd supersnel laadt, waar de bezoeker zich ook maar bevindt.
💡 Praktische tips:
- Gebruik een tool die caching & CDN automatisch voor je regelt. Zelf zijn we fan van Cloudflare.
- Maak gebruik van de combinatie: door beide toe te passen, merkt je bezoeker het meest resultaat.
Houd het schoon!
Net als je huis en werkplek: een opgeruimde omgeving geeft rust. Elk extra stukje code of plugin vertraagt de boel. Je kan dus net als thuis elk voorjaar een grote schoonmaak doen, of elke zaterdagochtend je vaste kleine rondje. Periodiek onderhoud vergroot de kans op een beter resultaat. Check alles wat niet essentieel is: overbodige code, plugins die niets meer doen of een overvolle mediabibliotheek: gooi het weg!
💡 Praktische tips:
- Regelmatig onderhoud is een stuk makkelijker dan met een lekke band op de vluchtstrook belanden.
- Gebruik Lighthouse (Google) om te zien welke onderdelen veel van je laadtijd vergen.
Goede hosting, de absolute basis
Je kan al het bovenstaande nog zo goed hebben gedaan, maar zonder goede hosting doe je alles voor niets. En juist hier zien we het vaak misgaan. Met een trage server, kan de website nou eenmaal niet sneller tevoorschijn komen. Bespaar dus niet teveel op je hosting. Wil je hier meer over weten? Kijk dan op onze pagina over Hosting.
💡 Praktische tips:
- Host op een server dichtbij je bezoeker. Bevinden je klanten zich in Brazilië, host dan ook daar! Een CDN helpt daarbij, en zoekt altijd een server die zo dicht mogelijk bij je bezoeker.
- Kijk altijd of je hostingprovider SSD hosting aanbied, want dit is ruim 10 keer sneller dan HDD hosting.
Snelheid is een continue strijd
Er zijn zeker quick wins om je website sneller te maken, maar structurele aandacht zorgen voor het grootste effect. Blijf je dus bewust van wat je doet, bij elke aanpassing of toevoeging. Is die plugin echt nodig, en heb je alle afbeeldingen voor je nieuwe blog geoptimaliseerd? Door deze vragen telkens weer te stellen, blijft je website zo snel als nieuw.
Het is het waard: een snelle website voelt professioneel en straalt meer vertrouwen uit. Zelf geen zin in? Wij helpen je uiteraard graag!