Website sneller maken: tien stappen die echt helpen.

01Waarom snelheid telt

Een trage pagina kost je bezoekers. Elke seconde wachten is een kans dat iemand terugklikt naar Google en de volgende uitkomst kiest. Op je telefoon, met een minder goede verbinding, merk je dat het eerst.

Voor Google is snelheid een van de signalen van ‘page experience’. Google zegt zelf dat goede Core Web Vitals passen bij wat de rankingsystemen belonen, maar ook dat de meest relevante inhoud altijd voorgaat, ook als die pagina trager is. Snelheid maakt een slechte pagina dus niet goed. Tussen twee pagina’s die even goed zijn, kan snelheid wel het verschil maken.

De grootste winst zit meestal dichter bij huis: meer aanvragen van de bezoekers die je al hebt.

02Meet eerst, gok niet

Je kunt pas gericht verbeteren als je weet waar de tijd zit. Drie gratis manieren:

1. PageSpeed Insights

Vul je adres in op pagespeed.web.dev en kies Mobiel. Bovenaan staan veldgegevens: hoe echte bezoekers met Chrome je site de afgelopen 28 dagen ervoeren. Daaronder staat een labtest met concrete verbeterpunten. Heeft je site weinig bezoekers, dan zie je soms alleen de labtest.

2. Search Console

Het rapport Core Web Vitals in Google Search Console laat zien welke groepen pagina’s goed, matig of slecht scoren, apart voor mobiel en desktop.

3. De gratis Molt sitecheck

De sitecheck scant je snelheid en SEO automatisch en checkt met 18 korte vragen ook je design en conversie. Zo zie je in ongeveer twee minuten waar je grootste winst zit.

03De drie Core Web Vitals

Google meet de ervaring van bezoekers met drie getallen: de Core Web Vitals. Dit zijn de grenzen:

Google kijkt naar het 75e percentiel. Je pagina is pas ‘goed’ als driekwart van de bezoeken binnen de grens valt, apart gemeten op mobiel en desktop.

Daarnaast is er TTFB, de tijd tot de eerste byte van je server. Dat is geen Core Web Vital, maar als die hoog is, begint al het andere later.

04Tien vertragers, en wat je eraan doet

Op bijna elke trage site zitten de problemen op dezelfde plekken. Begin bovenaan: daar zit meestal de meeste winst.

1. 01

   Maak je afbeeldingen lichter

   Foto’s zijn vaak het zwaarste deel van een pagina. Een foto van je telefoon is al snel een paar megabyte. Verklein hem tot de breedte waarop hij echt getoond wordt, en sla hem op als WebP of AVIF. Veel platforms en plug-ins doen dat automatisch, als je het aanzet.

   Helpt bij LCPZelf te doen

2. 02

   Laad je hoofdfoto als eerste

   Het grote beeld bovenaan is meestal het element waar LCP op meet. Laat het dus niet ‘lazy’ laden, dat is voor beelden verderop. Je bouwer kan het voorrang geven met fetchpriority="high". Een slider die eerst een script nodig heeft voordat er iets te zien is, kost je hier de meeste tijd.

   Helpt bij LCPMet je bouwer

3. 03

   Wees streng met scripts van derden

   Chatwidgets, cookiebanners, trackingpixels, testtools en ingesloten video’s laden elk hun eigen code. Elk script kost tijd, vaak net op het moment dat je bezoeker wil klikken. Haal weg wat niemand meer gebruikt, en laad de rest pas als het nodig is.

   Helpt bij INPHelpt bij LCPZelf, samen met je bouwer

4. 04

   Kies hosting die snel antwoordt

   Reageert je server traag, dan begint al het andere later. Dat zie je aan een hoge TTFB: de tijd tot de eerste byte. Als richtlijn is 0,8 seconde of minder goed. Goedkope gedeelde hosting, geen caching en een server ver van je bezoekers zijn de gebruikelijke oorzaken. Paginacaching en een CDN helpen vaak meteen.

   Helpt bij LCPMet je host of bouwer

5. 05

   Ruim plug-ins en apps op

   Elke plug-in in WordPress en elke app in Shopify kan scripts en stijlen toevoegen, soms op elke pagina. Zware paginabouwers maken de code nog langer. Verwijder wat je niet gebruikt. Let op: als je een app in Shopify verwijdert, blijft de code die hij in je thema zette soms gewoon staan.

   Helpt bij LCPHelpt bij INPZelf te doen

6. 06

   Gebruik minder lettertypen

   Elk lettertype en elk gewicht, zoals normaal, vet en cursief, is een extra bestand. Kies er een paar, laat ze bij voorkeur van je eigen domein laden en zorg dat je tekst meteen leesbaar is, ook als het lettertype nog binnenkomt.

   Helpt bij LCPHelpt bij CLSMet je bouwer

7. 07

   Laat CSS en JavaScript het laden niet ophouden

   De browser wacht met tekenen tot bepaalde CSS- en scriptbestanden binnen zijn. Dat heet render-blocking, en PageSpeed Insights noemt de bestanden bij naam. Scripts kunnen vaak later laden, met defer, en de CSS voor het eerste scherm kan vooraan.

   Helpt bij LCPMet je bouwer

8. 08

   Voorkom verspringen

   Geef afbeeldingen, video’s en advertentieblokken vaste afmetingen, zodat de browser er ruimte voor vrijhoudt. Laat een banner of melding niet bovenaan in je pagina schuiven nadat die al geladen is.

   Helpt bij CLSMet je bouwer

9. 09

   Maak klikken weer direct

   Reageert je site traag als iemand op een menu of filter tikt, dan is de browser bezig met te veel JavaScript tegelijk. Minder scripts, zie stap 3 en 5, helpt het meest. Daarna kan je bouwer zware taken in kleinere stukken opdelen.

   Helpt bij INPMet je bouwer

10. 10

    Ga zuinig om met video en animaties

    Een achtergrondvideo bovenaan is zwaar en zelden nodig. Toon een stilstaand beeld met een afspeelknop, en laad een ingesloten YouTube-video pas als iemand erop klikt. Animaties die de opmaak verschuiven, tellen mee voor CLS. Laat je bouwer animeren met transform.

    Helpt bij LCPHelpt bij CLSZelf kiezen, je bouwer bouwt

05Wat je per platform doet

Je platform bepaalt wat je zelf kunt regelen, en waar de grootste winst zit.

Twijfel je welk platform bij je past? Lees WordPress of Webflow: welke past bij jou?

06Repareren of opnieuw bouwen?

Met de stappen hierboven haal je vaak de grootste winst, zonder nieuwe website. Opnieuw bouwen wordt pas logisch als:

• je thema of paginabouwer zelf de vertraging is, en er weinig overblijft als je hem weghaalt;
• je site ook qua ontwerp en inhoud verouderd is;
• elke aanpassing iets anders laat haperen.

Dan is een nieuwe site die vanaf het begin licht gebouwd is, vaak voordeliger dan blijven repareren. Met een nieuwe homepage zie je eerst een gratis preview, voordat je iets betaalt. Lees ook wat je doet met een verouderde website.

En wil je dat iemand je site daarna snel en veilig houdt? Met Site Care doen wij de updates, back-ups en controles per maand.