Samenvatting van 30 seconden:
- Dankzij een goede paginasnelheid en gebruikerservaring valt uw site op in de zoekresultaten
- De Interaction to Next Paint-statistiek vervangt de eerste invoervertraging
- U kunt ervoor zorgen dat uw site sneller reageert op gebruikersinvoer door de CPU-verwerkingstijden te verkorten
De Core Web Vitals zijn een reeks statistieken die Google heeft gedefinieerd om te meten hoe goed de gebruikerservaring van een website is. Ze werden voor het eerst een rankingsignaal in 2021.
Terwijl de metrische definities zijn in de loop van de tijd aangepastis de introductie van de Interaction to Next Paint-metriek de grootste verandering sinds de lancering van het Core Web Vitals-initiatief.
Wat is interactie met volgende verf (INP)?
Interactie met volgende verf is een statistiek die evalueert hoe snel uw website reageert op gebruikersinteractie. Het meet hoeveel tijd er verstrijkt tussen de gebruikersinvoer, zoals een klik op een knop, en de volgende keer dat de pagina-inhoud wordt vernieuwd (de “volgende verf”).
Om beter te scoren in Google moet deze interactievertraging minder dan 200 milliseconden bedragen. Dit zorgt ervoor dat de website responsief aanvoelt voor gebruikers.
Hoe veranderen de Core Web Vitals?
Google heeft aangekondigd dat Interaction aan Next Paint wordt een van de drie Core Web Vitals statistieken in maart 2024. Op dat moment zou een website die te langzaam reageert op gebruikersinvoer slechter kunnen presteren in de zoekresultaten.
INP zal de huidige vervangen Eerste invoervertraging (FID)-metriek. Hoewel FID ook de responsiviteit meet, is deze beperkter omdat er alleen naar de eerste gebruikersinteractie wordt gekeken. Het meet ook alleen de vertraging totdat de invoergebeurtenis wordt afgehandeld, in plaats van te wachten totdat de gebruiker het resultaat kan zien.
Momenteel alleen 64,9% van de mobiele websites doen het goed op de Interaction to Next Paint-metriek en het zal moeilijker zijn om een goede INP-score te behalen dan een goede First Input Delay-score.
Hoe kan ik de Interaction to Next Paint-statistiek op mijn website meten?
Voer een uit website snelheidstest om te zien hoe snel uw website laadt en hoe snel deze reageert op gebruikersinvoer.
Open het tabblad ‘Web Vitals’ zodra uw test is voltooid. Onderaan de pagina ziet u de statistiek Interactie met volgende verf.
In dit geval heeft slechts 38% van de gebruikers een goede INP-ervaring.
Hoe kan ik de interactie met Next Paint optimaliseren?
Interactievertragingen treden op wanneer de browser veel CPU-verwerking moet uitvoeren voordat deze de pagina kan bijwerken. Dit kan om twee redenen gebeuren:
- Doorlopende achtergrondtaken voorkomen dat de gebruikersinvoer wordt verwerkt
- Het zelf afhandelen van de gebruikersinvoer kost veel tijd
Achtergrondtaken vinden vaak plaats tijdens het laden van de pagina, maar kunnen ook later plaatsvinden. Ze worden vaak veroorzaakt door code van derden die in de website is ingebed.
Het reageren op een gebruikersinteractie kan veel verwerking vergen. Als dat niet kan worden geoptimaliseerd, kunt u overwegen een spinner te laten zien die visuele feedback geeft totdat de verwerkingstaak is voltooid.
Het uitvoeren van JavaScript-code is het meest voorkomende type verwerking, maar complexe visuele updates kunnen ook lang duren.
Gebruik Chrome DevTools om de prestaties te analyseren
De Chrome DevTools prestatie profiler laat zien welke taken lang duren en geoptimaliseerd moeten worden. Start een opname, klik op een element op de pagina en klik vervolgens op de langste balken in de visualisatie.
Hiermee kunt u identificeren of de code afkomstig is van een derde partij of van uw eigen website. Je kunt ook dieper duiken om te zien hoe de taak kan worden versneld.
Controleer de statistiek Totale blokkeertijd om achtergrondtaken te identificeren
De Totale blokkeertijd Metriek houdt bij hoe vaak er CPU-taken op de achtergrond zijn die de uitvoering van andere code kunnen blokkeren. Als de gebruiker interactie heeft met de pagina terwijl er al een taak bezig is, voltooit de browser eerst die taak voordat de invoergebeurtenis wordt afgehandeld.
Je kunt tools gebruiken zoals Google-vuurtoren om te zien hoe deze statistiek kan worden geoptimaliseerd.
Als verwerkingsintensieve taken op uw website deel uitmaken van uw kernwebsitecode, moet u samenwerken met uw ontwikkelingsteam om deze te optimaliseren. Voor derden kun je bekijken of het script nog nodig is, of contact opnemen met de klantenservice van de leverancier om te kijken of het mogelijk is de code te optimaliseren.
Bewaak de interactie tot de volgende verf
Wilt u bijhouden hoe het met u gaat op INP en andere Core Web Vitals? DebugBear kan dat wel houd de snelheid van uw website bij en u helpen deze te optimaliseren.
Start vandaag nog een gratis proefperiode van 14 dagen en zorg voor een betere gebruikerservaring.
Conclusie
De Interaction to Next Paint-statistiek vertegenwoordigt de grootste verandering in de Core Web Vitals van Google sinds ze oorspronkelijk werden aangekondigd. INP pakt de tekortkomingen van de vorige First Input Delay-statistiek aan en biedt een betere weergave van hoe gebruikers een website ervaren.
Controleer hoe uw website het doet op de Interaction to Next Paint-statistiek voordat de rangschikkingswijziging in 2024 wordt doorgevoerd. Op die manier heeft u voldoende tijd om optimalisaties te identificeren en uw website sneller te maken.
Probeer DebugBear met een gratis proefperiode van 14 dagen.
