Home / Nieuws / Website / INP-Probleem?

INP-Probleem

Wat is het en hoe kun je dit oplossen?

Ben je website eigenaar en heb je onlangs de volgende melding gekregen via Search Console?

“Core Web Vitals INP-probleem gevonden op je website”

Geen paniek. Je bent niet de enige en zeker ook niet de laatste. Steeds vaker zal deze melding aan website eigenaren getoond worden via Google Search Console. Want er zijn veranderingen op komst in de Core Web Vitals. Heb jij ook te maken met deze melding? We leggen je in dit blog uit wat INP is, wat deze melding inhoudt en wat ervoor nodig is om dit INP-probleem op te lossen.

Wat zijn Core Web Vitals?

Allereerst even een klein stukje theorie over de Core Web Vitals voordat we dieper ingaan op INP. Core Web Vitals zijn 3 specifieke prestatie-metrieken die gericht zijn op de gebruikerservaring van websites. Deze metrics meten hoe snel en responsief een webpagina wordt geladen en weergegeven voor de gebruikers. De Core Web Vitals zijn ontwikkeld door Google.

De beste gebruikerservaring

Het doel van Google is om haar bezoekers de ultieme gebruikerservaring te bieden waarbij de beste zoekresultaten getoond worden die voldoen aan de behoefte van de gebruiker. De gebruikerservaring verbetert als bepaalde zaken bijdragen aan een positieve ervaring van de bezoeker op jouw site. Wanneer een website snel is, een duidelijke structuur heeft en de content goed leesbaar is, zal de gebruiker dit als positief ervaren. Google beloont je daarvoor in de ranking van de zoekresultaten.

Het belang van Core Web Vitals

Google benadrukt zelf het belang van goede Core Web Vitals-scores omdat ze een directe impact hebben op de gebruikerservaring van een website. Websites met betere prestaties op deze metrics hebben niet alleen kans om hoger te rangschikken in zoekresultaten, maar zullen waarschijnlijk meer tevreden gebruikers hebben. Daarom is het belangrijk om aandacht te besteden aan deze Core Web Vitals en stappen te ondernemen om de laadsnelheid, interactiviteit en visuele stabiliteit van je website te verbeteren.

De 3 huidige Core Web Vitals

Google hanteert op dit moment 3 verschillende Core Web Vitals die de user experience van een website of webpagina beoordelen. De Core Web Vitals gaan over laadtijd (LCP), responsiveness van de website of pagina (FID) en visuele stabiliteit tijdens het laden (CLS). Deze metrics zijn allemaal meetbaar:

  • Largest Contentful Paint (LCP): dit meet de laadtijd van de belangrijkste content op een webpagina. Het geeft aan hoe lang het duurt voordat het grootste zichtbare element op de pagina, zoals een afbeelding of een blok tekst, volledig geladen en weergegeven wordt voor de gebruiker. Een goede LCP ligt meestal onder de 2,5 seconden.
  • First Input Delay (FID): dit meet de responsiviteit van een webpagina door te kijken naar de tijd die verstrijkt tussen het moment waarop een gebruiker interactie initieert (bijvoorbeeld klikken, tikken of scrollen) en het moment waarop de pagina daadwerkelijk op die interactie reageert. Een goede FID is doorgaans minder dan 100 milliseconden.
  • Cumulative Layout Shift (CLS): Dit meet de visuele stabiliteit van een webpagina tijdens het laden. Het houdt rekening met onverwachte layoutverschuivingen die kunnen optreden wanneer elementen op de pagina verschuiven terwijl de gebruiker aan het lezen of navigeren is. Een CLS-score van minder dan 0,1 wordt als goed beschouwd.

De introductie van INP

Vanaf maart 2024 brengt Google wijzigingen aan in de Core Web Vitals. De Core web Vitals bestaan tot maart dus uit CLS, LCP en FID. Google stapt dan over naar een nieuwe metric om de responsiviteit van websites te meten. De Cumulative Layout Shift (CLS) en Largest Contentful Paint (LCP) blijven net zo belangrijk als dat deze nu al zijn, maar de First Input Delay (FID) zal vervangen worden door de Interaction to Next Paint (INP).

Wat is INP?

Om te begrijpen wat de INP inhoudt, is het van belang om eerst dieper in te gaan op de betekenis van FID. De First Input Delay meet hoe snel een specifieke handeling wordt gestart nadat een interactie heeft plaatsgevonden. Deze interactie kan bijvoorbeeld het klikken op een knop, link of een ander element zijn. Er wordt bijgehouden hoeveel tijd er zit tussen het moment van klikken, en het moment waarop de bijbehorende actie die bij het klikken hoort, begint. DE FID meet dus niet de tijd die nodig is voor de voltooiing van die actie en het daadwerkelijk weergeven van het gewenste resultaat, dat doet de INP wél.

De INP houdt dus wel bij hoeveel tijd er zit tussen het moment van de interactie door de websitebezoeker en het moment dat er ook echt iets visueels binnen de website verandert. Wanneer dit visuele resultaat lang op zich laat wachten, heeft jouw bezoeker het idee dat dit onderdeel op jouw site niet werkt. Het is dus logischer voor Google om deze metric als bepalend te kiezen, omdat het van zeer sterke invloed is op de beleving van de bezoeker op jouw website, op de gebruikerservaring dus! Daarmee zal de INP dus ook gaan gelden als een ranking factor.

“Core Web Vitals INP-probleem gevonden op je website”

Wat betekent de melding die je in Search Console ziet verschijnen? Bovenstaande melding verschijnt dus al in je Search Console op het moment dat de gemeten tijd van de INP langer is dan 0,2 seconden. Aan de normen voldoen is daarom een stuk lastiger.

  • De INP-score is goed als er binnen 0,2 seconden na de interactie een visueel resultaat getoond wordt.
  • Er verbetering nodig is als die tijd tussen de 0,2 en de 0,5 seconden ligt.
  • De INP als ‘slecht’ wordt bestempeld als het langer dan 0,5 seconden duurt.

Waarom moet het INP probleem worden opgelost?

Doe je helemaal niets aan het INP-probleem dan zal dat effect hebben op je ranking in Google. Geen enkele websitebezoeker houdt ten slotte van trage, slecht werkende websites. Daarnaast verhoog je door een betere gebruikerservaring de kans om meer bezoekers ook echt klant te laten worden. Je verbetert dus niet alleen je online vindbaarheid, maar ook het conversiepercentage.

Hoe los ik het zelf op?

Wanneer je kennis hebt van Javascript en CSS kom je al een eind om de efficiëntie van de laadtijd zelf te verbeteren. Een aantal tips:

  • Maak je CSS niet te complex
  • Verwijder niet-gebruikte Javascript uit je Javascript-bestanden
  • Optimaliseer het laadproces van Javascript
  • Maak je pagina’s niet onnodig groot (DOM-check)
  • Host je website bij een partij met krachtige up-to-date hosting en goede support

Je kunt natuurlijk zelf aan de slag om de INP te verbeteren, maar het is raadzaam om dit door ervaren developers te laten doen, omdat het verbeteren van je INP-score technisch een stuk uitdagender is dan bijvoorbeeld het verbeteren van de LCP-score en CLS-score.

Hulp nodig bij het INP-probleem?

Al lijkt maart 2024 ver weg, het is verstandig om op tijd je website aan te passen. Heb je vragen over je website of hulp nodig bij het oplossen van het INPprobleem op je website? Bij Rubberplants | Digital Agency Breda helpen we je daar graag mee. Kom een keertje een kopje koffie bij ons drinken in Breda. Neem vrijblijvend contact met ons op.

Lees ook

Andere blogs