lbv3

Maak je klaar voor de INP-statistiek van Google met deze 5 tools

Inhoudsopgave

Interaction to Next Paint (INP) is een nieuwe Core Web Vital-metriek gericht op responsiviteit die naar verwachting op 4 maart 2023 First Input Delay zal vervangen. Optimaliseren voor INP is eenvoudiger met de juiste tools om dit te monitoren en te volgen.

Wat is interactie met de volgende verf (INP)?

INP meet de hoeveelheid tijd die een sitebezoeker wacht nadat hij bijvoorbeeld op een knop heeft geklikt of heeft getypt, en de tijd die de website nodig heeft om visuele feedback te geven. INP is een maatstaf die aangeeft hoe lang visuele feedback wordt geblokkeerd na een gebruikersinteractie.

Het idee achter deze statistiek is dat een niet-reagerende webpagina een slechte gebruikerservaring is. Als u bijvoorbeeld een product aan een winkelwagentje toevoegt, moet dit onmiddellijk een visuele feedbackreactie opleveren die de bezoeker van de site laat zien dat er op de interactie is gereageerd. In dat specifieke voorbeeld meet INP niet hoe lang het duurt om een ​​product aan het winkelwagentje toe te voegen, maar alleen hoe lang de visuele feedback van die actie geblokkeerd blijft.

Lagere INP-scores betekenen snelle responstijden, wat het doel is. Goede INP-scores zijn die onder de 200 milliseconden.

JavaScript en CSS zijn de belangrijkste doelen waar u naar moet kijken voor INP-optimalisatie.

INP meet de volgende gebruikersinteracties:

  • Muisklikken
  • Tikt op apparaten met een touchscreen.
  • Op een toetsenbord drukken (zowel fysiek als virtueel toetsenbord)

INP-meet- en optimalisatietools

Er is geen tool die INP-problemen in zijn eentje kan oplossen, omdat de problemen hun oorsprong vinden in het JavaScript en CSS dat wordt gebruikt door thema’s, plug-ins, functies en extra functionaliteiten die op een webpagina worden gebruikt.

Als u bijvoorbeeld een afbeeldingscarrousel of animatie-effecten installeert en gebruikt, wordt er extra JavaScript- en CSS-code geladen, wat een negatieve invloed kan hebben op de INP-scores. Het verkleinen van JavaScript en CSS is niet altijd de oplossing, wat betekent dat een belangrijke stap bij het optimaliseren voor Interaction To Next Paint het controleren van de code is en alles identificeert dat de webpagina en de gebruiker niet helpt hun doel te bereiken.

De belangrijkste functionaliteit van een INP-optimalisatietool is dus het identificeren van wat de visuele feedback van een gebruikersinteractie blokkeert of vertraagt.

5 Interactie met volgende verfdiagnostische hulpmiddelen

1. Site Kit van Google – Analytics, Search Console, AdSense, Snelheid
WordPress-plug-in van Google

Site Kit van Google is, met meer dan 4 miljoen WordPress-installaties, een van de krachtigste manieren om Google-zoekgegevens te integreren in een WordPress-dashboard voor gemakkelijke toegang vanuit WordPress.

Deze tool geeft PageSpeed ​​Insights- en Search Console-gegevens weer, inclusief praktisch advies over wat er verbeterd kan worden.

2. DebugBear-interactie met het volgende verfhulpmiddel (gratis en betaalde versies)
Gratis INP-foutopsporing

DebugBear is een populaire tool voor het monitoren van de paginasnelheid met een pro-versie die geplande tests, gebeurtenismeldingen, prestatietests biedt die een voorbeeld van de impact bekijken vóór live-implementatie, en nog andere voordelen.

Maar het biedt ook gratis tools zoals deze uitstekende Interaction to Next Paint-tool die een webpagina doorzoekt, problemen diagnosticeert en bruikbare tips geeft voor het oplossen van Interaction To Next Paint-problemen.

3. Web Vitals Chrome-extensie

Deze Chrome-extensie biedt belangrijke webvitaliteitsstatistieken, waaronder INP. Een handig kenmerk van deze extensie is het unieke heads-up display (HUD) dat over de webpagina heen ligt, wat handig kan zijn bij het ontwikkelen of wijzigen van een webpagina.

4. TREO-sitesnelheid

De Treo sitesnelheidstool biedt ongelooflijk snelle Page Speed-tools met een aantrekkelijke gebruikersinterface die gemakkelijk te lezen en te begrijpen is.

5. Chrome Web Vitals-bibliotheek

Er is een geavanceerd hulpmiddel voor het meten van kerngegevens over webvitalen van daadwerkelijke sitebezoekers, die door individuele uitgevers op hun eigen webservers kunnen worden ingezet. Met deze tool kunnen uitgevers echte kernscores van webvitaliteit bekijken die handig zijn voor het oplossen van daadwerkelijke problemen met webpagina’s. Een overzicht en uitleg vindt u hier.

Maak je klaar voor INP

Hoewel INP misschien geen directe rankingfactor is, is INP nog steeds een nuttige maatstaf voor het creëren van de snelste pagina-ervaring, omdat bekend is dat sitesnelheid de verkoop, klikken en advertentieweergaven verbetert en aansluit bij signalen die Google gebruikt voor ranking.

Uitgelichte afbeelding door Shutterstock/Kues