Google-update · Rankingsysteem

INP vervangt FID als Core Web Vital

12 maart 2024

Op 12 maart 2024 werd Interaction to Next Paint (INP) de Core Web Vital voor responsiviteit, als vervanger van First Input Delay (FID).

Wat veranderde er

Op 12 maart 2024 verving INP officieel FID als Core Web Vital. Google had dat in mei 2023 aangekondigd, na een jaar testen door het Chrome-team. Search Console rapporteert sindsdien INP in plaats van FID.

FID mat alleen de vertraging van de eerste interactie. INP kijkt naar alle interacties op een pagina en rapporteert een van de traagste. Een goede INP is 200 milliseconden of minder, gemeten op het 75e percentiel van echte gebruikers in CrUX.

Wat betekende het voor webshops

Voor webshops was dit een grotere verandering dan voor contentsites. Een shop is vol interactie: filters aanklikken, varianten kiezen, in de winkelwagen leggen, de checkout invullen. Veel shops scoorden goed op FID en vielen bij INP door de mand.

Zware JavaScript is meestal de oorzaak. Denk aan een Luma-thema in Magento met veel RequireJS-modules, tracking- en chatscripts, of Shopify-apps die elk hun eigen script laden. Hyvä is lichter en scoort daarom doorgaans beter op INP.

Typische INP-problemen in webshops zijn een filter dat na een klik de hele productlijst opnieuw rendert, een variantkiezer die zware berekeningen in de browser doet, en een winkelwagenknop die eerst drie trackingscripts laat lopen. Elk van die interacties voelt traag voor de klant, precies op het moment dat hij wil kopen.

Wat je er nu nog van leert

Een standaard Lighthouse-run meet geen INP. Je ziet daar Total Blocking Time als benadering. Wat telt, zijn field data van echte bezoekers.

Meet INP daarom met real user monitoring of via CrUX in Search Console. Splits het uit per paginatype. Een trage productpagina of checkout kost conversie, los van wat het met je rankings doet. Dat effect zit in je omzet, niet in je posities.

Verder lezen

Bronnen

Liever dat iemand het voor je uitzoekt?

Wij controleren je webshop op deze punten en voeren de fixes zelf door in Magento, Shopify of Laravel. Je praat direct met het team dat het bouwt.