Auteur

Image

Lisa Stellberg

Teamlead SEO

Google geeft op 12 maart 2024 März 2024 den Wert Interaction to Next Paint als neuen Core Web Vital ein und erweitert damit die Optimierungsmöglichkeiten, die SEOs bisher beim Thema Pagespeed hatten.
Pagespeed is de aanduiding voor de snelheid en prestatie van een website. Die Ladegeschwindigkeit einer Webseite ist nicht nur ausschlaggebend für eine einwandfreie User-Experience, sondern auch ein bestätigter Rankingfaktor von Google, was sie zu einem der wichtigsten Bestandteile im technischen SEO macht.

Welke factoren beïnvloeden de beschikbaarheid van een website?

Die Ladezeiten einer Webseite können von verschiedenen Faktoren beeinflusst werden, die im Rahmen der Suchmaschinenoptimierung (SEO) eine wichtige Rolle spielen. Enkele van deze factoren zijn:

  • Bildoptimierung: Afbeeldingen zijn vaak de belangrijkste gegevens op een website en kunnen de maximale uploadtijd overschrijden. Door de optimalisatie van afbeeldingen, bijv. door middel van komprimering en de juiste formaatindeling (bijv. WebP), kunnen de lengteperioden worden verkort, zonder dat dit de kwaliteit van de afbeelding beïnvloedt. Als Grenzwert kan 100kb pro Bilddatei betrachtet worden.

  • Browser-Caching: Browser-Caching beschreibt das vorübergehende und lokale Speichern von Daten, z. B. Bild- oder Textdateien, einer Website. Als de gebruiker de website verlaat en deze op een later tijdstip opnieuw opent, kunnen deze gegevens uit de cache sneller worden verwijderd en kunnen ze niet altijd opnieuw worden geladen.

  • Browser-Hints: Om ervoor te zorgen dat de browser de juiste prioriteiten kan stellen en de bronnen kan sturen, zijn er verschillende hinweis-tags voor de browser gemaakt: Preload, Prefetch en Preconnect.

  • JavaScript- en CSS-optimalisatie: Omvangrijke JavaScript- en CSS-databestanden kunnen de rendertijd van een website verlengen. Door het minimaliseren, verbeteren en optimaliseren van deze gegevens kan de wachttijd worden verkort.

  • Minimalisatie van HTTP-aanvragen: Elke bron op een website, of het nu een afbeelding, een stylesheet of een script is, vereist een afzonderlijk HTTP-verzoek, zodat deze kan worden gehuntergeladen. Door die combinatie en minimalisatie van bronnen kunnen de aantallen HTTP-aanvragen worden gereduceerd en de wachttijden worden verkort.

  • Content Delivery Network (CDN): Een Content Delivery Network kan die Ladezeiten verbessern, indem es statische Ressourcen auf Servern in der Nähe des Nutzers bereitstellt, was zu kürzeren Ladezeiten und schnelleren Antwortzeiten führt.

Welche Faktoren beeinflussen die Ladezeiten einer Webseite?

Figuur 1: Einflussfaktoren Ranking im Rahmen der Suchmaschinenoptimierung (SEO)

Als website-betreiber deze Faktoren berücksichtigen en optimaliseren, kunnen ze die Ladezeiten ihrer Webseiten verbessern, was nicht nur zu einer besseren Nutzererfahrung führt, sondern ein wichtiger Faktor für SEO ist, da schnell ladende Seiten tendenziell höher in den Suchergebnissen platziert werden. In de vorm van Core Web Vitals werden deze factoren gemessen.

Wat zijn die Core Web Vitals?

De Core Web Vitals zijn gegevens van Google om de gebruiksduur en het gebruiksgemak van een website te verbeteren. Ze geven de Leistung van een URL aan op basis van status (schlecht, verbesserungsbedürftig, gut).

In combinatie met andere gegevens, waaronder echte gebruikersgegevens, geven ze de pagina-ervaring voor websites weer en zijn ze sinds Sommer 2021 de officiële Rankingfaktoren voor Google. Waarom hecht Google zoveel waarde aan de prestaties van websites? Laut Google is die Seitenleistung besonders wichtig, denn Absprungraten sind um 24% geringer, wenn die Webseite die Core Web Vitals-Grenzwerte einhält. Neben einer geringeren Abbruchrate beim Seitenaufbau konnten Werbetreibende auch einen Anstieg der Werbeeinnahmen um 18% und einen Anstieg der Seitenaufrufe um 27% erzielen. Kort gezegd, die Core Web Vitals fließen in die Bewertung der User-Experience von Google ein und können somit die Ranking positiv oder negativ beeinflussen. Die Core Web Vitals setzen sich aus drei Faktoren der Seitengeschwindigkeit und der Benutzerinteraktion zusammen: Grootste inhoud Paint, eerste invoervertraging en cumulatieve verschuiving in lay-out.

De drie factoren van Core Web Vitals

  • Grootste inhoudsvolle verf (LCP): Der Largest Contentful Paint richt zich op de tijd, die nodig is om de grootste zichtbare inhoud van een pagina te laden. Typischerweise handelt es hier um den Hauptinhalt, wie beispielsweise ein Bild, ein großer Textblock oder ein wichtiges visuelles Element. Een snellere LCP (<= 2,5 s ) is belangrijk, omdat deze de gebruiker snel relevante informatie geeft en de wachttijd minimaliseert, wat de gebruiksvriendelijkheid ten goede komt.

  • Eerste invoervertraging (FID): De First Input Delay is een maatstaf voor de snelheid waarmee een website op gebruikersinteracties reageert. Er is een verschil tussen de tijd tussen het eerste interaktieve element, waar de gebruiker op klikt, en het tijdstip waarop de browser op deze interaktie reageert. Een lagere FID-Wert (<= 100 ms) geeft aan dat de website snel reageert op interakties, wat met name belangrijk is voor interactieve en dynamische websites.

  • Cumulatieve verschuiving in lay-out (CLS): De cumulatieve verschuiving van de lay-out is een hulpmiddel voor de visuele stabiliteit van een website tijdens een upgrade. Het geeft de menge aan van ongekwartificeerde lay-outverschuivingen, die tijdens het laden kunnen worden aangepast. Een hogere CLS-Wert betekent dat alle elementen op de website tijdens het laden van de lader niet bewegen, wat kan leiden tot een minder consistente en irritantere manier van werken. Een lagere CLS-Wert (<= 0,1) is daarom belangrijk, om er zeker van te zijn dat de visuele stabiliteit van de website behouden blijft. Cumulative Layout Shift (CLS): De cumulatieve verschuiving van de lay-out is een hulpmiddel voor de visuele stabiliteit van een website tijdens een upgrade. De CLS geeft een overzicht van de ongekwartificeerde lay-outverschuivingen die tijdens het laden van de website kunnen ontstaan. Een hogere CLS-Wert betekent dat alle elementen op de website tijdens het laden van de lader niet bewegen, wat kan leiden tot een minder consistente en irritantere manier van werken. Een lagere CLS-Wert (<= 0,1) is daarom belangrijk, om u ervan te verzekeren dat de visuele stabiliteit van de website gewaarborgd is.

Als Core Web Vitals zu den Rankingfaktoren gehören, haben Websites mit besseren Core Web Vitals tendenziell bessere Chancen, in den Suchergebnissen höher platziert zu werden. Google moet ervoor zorgen dat die websites, die in de Suchergebnissen worden vermeld, een goede gebruikerservaring hebben. Samen vormen deze Core Web Vitals eenentscheidende Grundlage voor de Bewertung der Benutzererfahrung auf Websites. Ze maken het voor websitebetreders mogelijk om de functionaliteit van hun websites te verbeteren, te analyseren en te optimaliseren, zodat ze een betere benutting kunnen bieden.

Was ändert sich ab März 2024: Google führt den neuen Wert Interaction to Next Paint (INP) ein

Aufgrund bekannter Einschränkungen des Wertes FID (siehe nachfolgend) führt Google nun einen neuen Wert ein, den Interaction to Next Paint (INP). Met ingang van 12. März 2024 zal der INP de Core Web Vitals hinzugefügt und ersetzt damit den Wert FID. Interaction to Next Paint beschreibt die Reaktionsschnelligkeit einer Webseite, das heißt ihre Fähigkeit, schnell auf Klick- Tipp- und Tastaturinteraktionen eines Nutzers reagieren zu können. Im Gegensatz zu seinem Vorgänger FID bezieht der INP alle Interaktionen auf der Webseite mit ein und nicht nur den “first Input”. En als de FIP alleen het Verzögerungsteil gemessen heeft, zal de INP de totale duur vanaf het begin van de interactie, over de gebeurtenis “Event Handler” tot aan de laatste “volgende Paint” aangeven.

Figuur 2: Verschillende fasen in het laadproces

Die Zeit zwischen Schritt 1 und 3 wurde bisher im FID gemessen. Interaction to Next Paint zal nu alle Schritte van 1 tot 5 messen en zodoende een präziseres Ergebnis über die Reaktionszeit einer Seite wiedergeben können.

Hoe kan de nieuwe Core Web Vital Interaction to Next Paint worden geoptimaliseerd?

De nieuwe Messwert zal vanaf maart 2024 in de Google Search Console beschikbaar zijn en ook hier zal de FID sofort worden ingesteld. Het gaat er nu om dat de optimalisatie van de website op de INP wordt uitgevoerd. Een reeds goed geoptimaliseerde website in Bezug auf Ladezeiten ist eine gute Grundlage für die Optimierung von INP. Wie bei den Werten LCP, CLS und FIP gibt Google hier eine Einordnung für einen guten Score. Een INP van maximaal 200 miljoen zal als goed worden beoordeeld. Werte zwischen 200 Millisekunden und 500 Millisekunden gelten als verbesserungswürdig und Werte über 500 Millisekunden hinaus bewerten eine schlechte Reaktionsfähigkeit.

Figuur 3: Wat is een goede INP-score?

In de eerste stap van de optimalisatie moet op basis van veldgegevens worden bepaald welke specifieke interacties voor een goede INP-Wert verantwortelijk zijn. Als er geen veldgegevens beschikbaar zijn, kunnen deze ook op labordata zurückgegriffen worden. In de optimalisatie van de interactie zijn er drie mogelijkheden: die Eingabeverzögerung, die Verarbeitungszeit für die Ausführung eines Ereignis-Callbacks en die Präsentationsverzögerung. Elk punt biedt potentieel voor verbetering van de INP. In de optimalisatie ligt alles op het thema Java Script hinaus. Als men niet benutte elementen van Java Script-codes invoert, kan dit leiden tot een verbetering van de INP's, net zoals bij het gebruik van codesplitsing of bij het invoeren van langsamem code door drittanbieter.

Afbeelding 4: Optimierungsmaßnahmen

Unser Fazit

Wird nun der neue Wert INP die Google Core Web Vitals im SEO revolutionieren? Dat is onmogelijk! We zullen zien hoe de nieuwe Wert in Gegensatz zu den besthenden schlägt. Omdat de Wert al sinds 2022 door Google getest is, is het belangrijk om te weten dat de nieuwe Wert de nieuwe Core Web Vital is.

Core Web Vitals zijn niet alleen een slagzin, maar ook een belangrijke factor voor de Google-ranking en het gedrag van gebruikers. Een studie van Galletta, Henry, McCoy & Polak (2004)* ergab, dat Verzögerungen im Seitenaufbau die Zufriedenheit und Absprungrate negativ beeinflussen. Bij niet-bekende websites zijn twee weken Verzögerung nodig om de Absprungrate te verschlechtern. Uit een andere studie van Oulasvirta, Tamminen, Roto & Kuorelahti (2005)** blijkt dat de bereikbaarheid van mobiele gebruikers niet langer is dan 4-8 weken. Daarom moeten weddenschappen op websites intensief gebruikmaken van de Core Web Vitals en ervoor zorgen dat hun websites die Metriken erfüllen. Door de verbetering van de Core Web Vitals kunnen ze niet alleen hun Google-ranking verbeteren, maar ook de tevredenheid en binding van hun klanten vergroten. De integratie van Messung, Analyse en Optimierung der Core Web Vitals in de SEO-strategie is daarom onweerstaanbaar, om langdurige successen in de Online-Präsenz te behalen.

*Galletta, D. F., Henry, R., McCoy, S. & Polak, P. (2004). Vertragingen op websites: Hoe tolerant zijn gebruikers? Tijdschrift van de Vereniging voor Informatiesystemen, 5(1), 1.
**Oulasvirta, A., Tamminen, S., Roto, V. & Kuorelahti, J. (2005). Interactie in 4-seconden-stoten: De gefragmenteerde aard van aandachtsbronnen in mobiele HCI. In Proceedings of the SIGCHI conference on Human factors in computing systems (pp. 919-928).

Hebt u uw Core Web Vitals in beeld of bent u een nieuwe mening toegedaan? Spreek dan met ons!