Website sneller maken: wat levert Core Web Vitals op?

Snelheid is zelden de reden dat je bovenaan komt, maar traagheid is wel vaak de reden dat je klanten kwijtraakt. Bij een laadtijd van drie seconden haakt op mobiel een flink deel van je bezoekers af, en dat zijn precies de mensen waar je advertentiebudget of je SEO-werk voor betaald heeft.

De drie scores in gewone taal

LCP: hoe snel zie ik iets zinnigs?

Largest Contentful Paint meet hoe lang het duurt voordat het grootste element in beeld staat, meestal je headerfoto of je titel. Streefwaarde: onder de 2,5 seconden. Dit is de score die het vaakst rood staat, en de oorzaak is bijna altijd hetzelfde: te grote afbeeldingen of een trage server.

INP: reageert de pagina als ik iets aanraak?

Interaction to Next Paint meet hoe snel je pagina reageert op een tik of klik. Streefwaarde: onder de 200 milliseconden. Deze score loopt op bij sites met veel scripts, chatvensters, cookiebanners en trackingcode die tegelijk willen starten.

CLS: springt de pagina tijdens het laden?

Cumulative Layout Shift meet hoeveel de opbouw verschuift terwijl je aan het lezen bent. Streefwaarde: onder de 0,1. Dit is de irritatie waarbij je op een knop wilt drukken en er ineens een banner boven inschuift. De oplossing is meestal eenvoudig: afmetingen meegeven aan afbeeldingen en ruimte reserveren voor elementen die later laden.

Waar de winst in de praktijk zit

Bij de sites die wij doorlichten komt ruim de helft van het probleem uit dezelfde vier bronnen.

• Afbeeldingen die te groot worden geladen. Een foto van 3.000 pixels breed die op een telefoon 400 pixels vult. Verklein ze, sla ze op in een modern formaat en geef altijd breedte en hoogte mee.
• Te veel externe scripts. Elke chatknop, elke pixel en elk extra meetscript kost tijd. Loop de lijst door en verwijder wat niemand meer bekijkt.
• Trage hosting. Goedkope gedeelde hosting reageert soms pas na een halve seconde. Voor een zakelijke site is dat het verkeerde bezuinigingspunt.
• Lettertypen die te laat laden. Laad je webfont vooraf, dan voorkom je dat tekst pas verschijnt als de rest al staat.

Hoe je zelf meet

Gebruik PageSpeed Insights van Google. Vul je adres in en kijk naar het bovenste blok met veldgegevens, want dat zijn metingen van echte bezoekers over de afgelopen achtentwintig dagen. Het gedeelte eronder is een laboratoriumtest en die kan sterk afwijken. Heb je te weinig bezoekers voor veldgegevens, kijk dan naar de labscore en vergelijk vooral met jezelf: is het beter dan vorige maand?

Test altijd op mobiel. De meeste lokale bedrijven krijgen zestig tot tachtig procent van hun verkeer van een telefoon, vaak op een verbinding die niet perfect is.

Wat levert het op?

Wees eerlijk over de verwachting. Van een score van 40 naar 90 gaan levert je zelden een sprong in posities op. Wat het wel doet: meer bezoekers die blijven, meer pagina's per bezoek en meer ingevulde formulieren. Bij advertenties telt het dubbel, want je betaalt voor elke klik die afhaakt op een traag ladende pagina.

Voor Google zelf geldt: snelheid is een van vele signalen en pas doorslaggevend als twee pagina's verder gelijkwaardig zijn. Zit je in een markt waar iedereen ongeveer dezelfde inhoud biedt, en dat komt in lokale markten vaak voor, dan kan het net het verschil maken. Meer over die lokale afweging staat in ons artikel over lokale SEO in Zuid-Limburg.

Wat het je in omzet kan schelen

Reken het eens door voor je eigen site. Krijg je duizend bezoekers per maand en vraagt drie procent iets aan, dan zijn dat dertig aanvragen. Houd je door een snellere site tien procent meer bezoekers vast, dan komen daar drie aanvragen bij. Bij een klantwaarde van duizend euro en een gunningspercentage van een kwart is dat zevenhonderdvijftig euro extra per maand. Die rekensom is grof, maar hij laat wel zien waarom snelheid geen technisch detail is maar een commerciële keuze.

In welke volgorde pak je het aan

• Meet eerst, zodat je later kunt aantonen wat het opleverde.
• Verklein en converteer je afbeeldingen. Dit is bijna altijd de grootste winst voor de minste moeite.
• Geef alle afbeeldingen een vaste breedte en hoogte mee zodat de opbouw niet meer springt.
• Ruim scripts op die je niet meer gebruikt.
• Stel caching in, zodat terugkerende bezoekers niet alles opnieuw ophalen.
• Kijk pas daarna naar hosting. Een snellere server repareert geen te zware pagina.

Loopt het na deze stappen nog vast, dan zit het meestal in het thema of in het systeem eronder. Dan is de vraag of doorlappen nog verstandig is, of dat een nieuwe basis goedkoper uitpakt. Die afweging beschrijven we in ons stuk over een website laten maken in Limburg. Wij meten dit standaard mee bij elke site die we bouwen, zie onze pagina over website laten maken.

Veelgestelde vragen