Core Web Vitals: LCP, INP en CLS

Largest Contentful Paint (LCP) meet hoe snel het grootste zichtbare element geladen is; dat is de gevoelde laadtijd. Interaction to Next Paint (INP) meet hoe snel de pagina reageert op interacties zoals klikken en typen; het verving in maart 2024 First Input Delay. Cumulative Layout Shift (CLS) meet hoeveel de layout tijdens het laden verspringt — de knop die wegschuift precies als je klikt.

Goed: LCP ≤ 2,5 seconden, INP ≤ 200 milliseconden, CLS ≤ 0,1. Google beoordeelt het 75e percentiel van echte bezoekers over de afgelopen 28 dagen (het CrUX-veldrapport). Een perfecte Lighthouse-score in het lab zegt dus weinig als je bezoekers op 4G met een middenklasse telefoon zitten. Kijk in Search Console bij Pagina-ervaring naar de velddata.

Trage LCP: te zware hero-afbeeldingen (comprimeer, gebruik moderne formaten en juiste afmetingen), render-blokkerende scripts en fonts, trage serverrespons. Slechte INP: te veel JavaScript op de hoofdthread, zware third-party scripts zoals chatwidgets en tagmanagers. Hoge CLS: afbeeldingen en iframes zonder width en height, banners die boven de content inschuiven, webfonts zonder font-display: swap.

Core Web Vitals zijn een lichte ranking factor: bij vergelijkbare relevantie kan snelheid het verschil maken, maar een snelle pagina met zwakke content wint niet. De grootste winst zit in conversie. Elke seconde extra laadtijd kost meetbaar conversie, en op mobiel het hardst. Behandel CWV daarom als conversie-optimalisatie met een SEO-bijeffect.

Gebruik PageSpeed Insights voor lab plus veld, Search Console voor de trend per paginagroep, en desgewenst een RUM-oplossing voor continue velddata. Meet altijd de sjablonen die er toe doen: homepage, categorie, product of dienst, en artikel. Verbeter per sjabloon, want een fix op één template verbetert meteen honderden URL's.