Laadsnelheid van je website: de ultieme checklist

Google gebruikt een groot aantal factoren om websites te rangschikken, en laadsnelheid is daar een van. Een snellere site kan je helpen om te stijgen in de zoekresultaten en zorgt bovendien voor een betere ervaring voor je bezoekers. Hoe maak je je website sneller? Met deze checklist loop je de belangrijkste punten na.

Veel factoren kunnen je website vertragen: onnodige redirects, een slecht ingestelde server, zware afbeeldingen, logge CSS en JavaScript, en ga zo maar door. Wil je weten wat jouw site afremt en de vindbaarheid van je website verbeteren? Test je pagina’s dan in PageSpeed Insights (de gratis tool van Google die je site op mobiel en desktop analyseert) of in GTmetrix, en ontdek wat er nog beter kan.

Snelheid telt al jaren mee. Met de Speed Update van juli 2018 werd laadsnelheid een rankingfactor voor mobiele zoekopdrachten. Sinds 2021 meet Google de gebruikerservaring met de Core Web Vitals: LCP (hoe snel de belangrijkste inhoud zichtbaar is), INP (hoe snel de pagina reageert op een klik of tik; die verving in maart 2024 de oudere FID) en CLS (hoe stabiel de opmaak blijft). Je vindt die scores per pagina in PageSpeed Insights en in Google Search Console.

De checklist voor een snellere website

1. Content

• Beperk het aantal HTTP-verzoeken
• Vermijd onnodige redirects
• Minificeer je HTML
• Geef voorrang aan de inhoud die direct in beeld is
• Beperk het aantal DOM-elementen
• Gebruik zo min mogelijk iframes (of laad ze pas als ze in beeld komen)
• Beperk het aantal externe domeinen en DNS-lookups
• Voorkom 404-fouten

2. Server en hosting

• Verkort de reactietijd van je server (TTFB)
• Gebruik een CDN (content delivery network)
• Stel caching in met de juiste cache-control-headers
• Schakel compressie in (Brotli of Gzip)
• Kies een hostingpakket met HTTP/2 of HTTP/3

3. Cookies

• Houd cookies klein
• Laad statische bestanden waar mogelijk zonder cookies (bijvoorbeeld via een CDN)

4. CSS

• Verwijder CSS die het weergeven van de inhoud boven de vouw blokkeert
• Gebruik <link> in plaats van @import
• Minificeer je CSS
• Gebruik externe CSS-bestanden die de browser kan cachen
• Verwijder ongebruikte CSS

5. JavaScript

• Verwijder JavaScript dat het weergeven van de inhoud boven de vouw blokkeert (gebruik defer of async)
• Gebruik externe scripts die de browser kan cachen
• Minificeer je JavaScript
• Verwijder dubbele en overbodige scripts
• Beperk het aantal DOM-bewerkingen
• Werk met efficiënte event handlers en splits lange taken op

6. Afbeeldingen

• Comprimeer je afbeeldingen
• Schaal afbeeldingen niet in HTML, maar lever ze in het juiste formaat aan
• Gebruik moderne formaten zoals WebP of AVIF
• Laad afbeeldingen onder de vouw pas als ze in beeld komen (lazy loading)
• Geef afbeeldingen een vaste breedte en hoogte om verspringen te voorkomen
• Gebruik een klein favicon dat de browser kan cachen

7. Mobiel

• Test altijd op een gemiddelde smartphone met een mobiele verbinding, niet alleen op je eigen laptop
• Houd de totale paginagrootte zo klein mogelijk
• Zorg dat knoppen en menu’s direct reageren

Hulp nodig?

Wil je meer weten of wil je dat iemand alle knelpunten voor je oplost? Snelheid is vaak een kwestie van techniek én keuzes bij het bouwen van je site. Laat je bij ons een nieuwe website maken, dan nemen we snelheid vanaf het begin mee, en ons SEO-bureau pakt ook bestaande sites aan.

Référenceur is een online marketingbureau uit België en Luxemburg, met Nederlandse teksten van native speakers. Benieuwd hoe snel jouw site echt is? Vraag een gratis analyse aan.