Sind Core Web Vitals wichtig? Was machen Sie?

Zuletzt aktualisiert am 26

Angenommen, Sie durchsuchen das Internet nach Informationen zu einem Produkt oder einer Dienstleistung. Sie öffnen eine Webseite, aber das Laden dauert ewig. Beim endgültigen Laden versuchen Sie, auf eine Schaltfläche zu klicken, aber die Website reagiert nicht sofort.

Und gerade als Sie dachten, es könnte nicht noch schlimmer werden, beginnen sich die Informationen auf der Website unerwartet zu verschieben, was es schwierig macht, etwas zu lesen oder anzuklicken.

Das scheint eine frustrierende Erfahrung zu sein, nicht wahr?

Das ist genau die Art von schrecklicher Benutzererfahrung, die Google mit Core Web Vitals vermeiden möchte.

Core Web Vitals sind drei Indikatoren, mit denen Google die Ladegeschwindigkeit, Reaktionsfähigkeit und visuelle Stabilität einer Website bewertet. Mit anderen Worten: Sie helfen festzustellen, ob eine Website eine positive oder negative Nutzererfahrung bietet.

Warum sind diese Core Web Vitals wichtig?

Google möchte sicherstellen, dass die in den Suchergebnissen vorgeschlagenen Websites eine angenehme Nutzererfahrung bieten. Denn wenn eine Website langsam, nicht reaktionsfähig und grafisch instabil ist, werden Sie wahrscheinlich nicht lange bleiben.

Aus diesem Grund werden Websites mit höheren Core Web Vitals-Bewertungen möglicherweise weiter oben in den Google-Suchergebnissen angezeigt, was ihnen einen Vorteil bei der Gewinnung von mehr Besuchern und potenziellen Kunden verschafft.

Wir werden darüber diskutieren, was die wichtigsten Web-Vitals sind.

Sind die wichtigsten Web-Vitalwerte wichtig und haben sie Auswirkungen auf die Benutzererfahrung und die Suche?

Lassen Sie uns beginnen!

Was sind die wichtigsten Web-Vitale?

Core Web Vitals ist eine Reihe von von Google erstellten Kriterien zur Bewertung der Leistung einer Website und der Bereitstellung einer positiven Benutzererfahrung.

Stellen Sie es sich als ein Website-Zeugnis vor. Es analysiert die Faktoren, die für jeden Besucher einer Website wichtig sind.

Die drei wichtigsten Web-Vitals sind:

• Größte zufriedene Farbe: Hiermit wird gemessen, wie schnell der Hauptinhalt einer Website geladen wird. Die Ladezeit sollte unter 2.5 Sekunden liegen, um ein positives Benutzererlebnis zu gewährleisten. Niemand starrt gerne auf einen leeren Bildschirm und wartet darauf, dass etwas passiert.

• Kumulative Layoutverschiebung: Dabei wird analysiert, wie oft sich Layout und Informationen einer Seite während des Ladevorgangs unerwartet ändern. Der CLS-Wert sollte unter 0.1 liegen, um eine gute Benutzererfahrung zu gewährleisten. Unregelmäßige Inhalte erschweren die Lesbarkeit und führen zu Klicks auf falsche Elemente.

• Erste Eingabeverzögerung: Diese Kennzahl misst, wie schnell eine Website reagiert, wenn Sie darauf klicken oder mit ihr interagieren. Verzögerungen und Latenzen können sich erheblich verschlechtern. Für ein optimales Benutzererlebnis sollte die FID weniger als 100 Millisekunden betragen.

Google hat bekannt gegeben, dass eine vierte Metrik, Interaction to Next Paint (INP), FID im März 2024 als Teil der Core Web Vitals ersetzen wird. INP sollte 200 Millisekunden oder weniger betragen, um ein schnelles, reaktionsschnelles Erlebnis zu gewährleisten.

Vereinfacht ausgedrückt sind Core Web Vitals also Googles Methode, um zu messen, ob eine Website schnell geladen wird, auf Benutzerinteraktionen reagiert und unerwartete Layoutänderungen vermeidet.

Warum sind Core Web Vitals wichtig?

Seit Juni 2021 betrachtet Google die Page Experience als offiziellen Rankingfaktor. Die Page Experience umfasst eine Reihe von Elementen, die Google für wichtig hält, um ein hervorragendes Kundenerlebnis zu gewährleisten. Dazu gehören:

• Verwenden Sie HTTPS, um Ihre Seite bereitzustellen
• Mobil-Freundlichkeit
• Das Fehlen störender Interstitials (nervige Pop-ups)
• Sicheres Surfen

Core Web Vitals sind wichtig, da sie sich direkt auf das Engagement, die Zufriedenheit und die Conversion-Raten der Website auswirken. Wenn eine Website bei den Core Web Vitals schlecht abschneidet, ist die Wahrscheinlichkeit einer negativen Nutzererfahrung hoch.

Hier sind einige wichtige Gründe, warum Sie sich über Core Web Vitals Gedanken machen sollten:

A. Glückliche Benutzer

Benutzer sind zufriedener, wenn die Seite reibungslos läuft. Gute Core Web Vitals-Indikatoren führen zu zufriedenen Benutzern.

B. Niedrigere Absprungrate

Seiten mit einem schnellen LCP und einem niedrigen CLS halten Benutzer länger auf der Seite, bevor sie abspringen.

C. Höhere Conversions

Eine responsive Site mit einem starken FID erhöht die Wahrscheinlichkeit, dass Benutzer eine Transaktion abschließen oder sich für einen Dienst anmelden.

D. Verbesserte SEO

Seiten, die den Benutzern ein angenehmes Erlebnis bieten, neigen dazu in den Suchergebnissen höher ranken. Core Web Vitals sind eine Ranking-Metrik.

e. Erhöhter Umsatz

Es besteht ein direkter Zusammenhang zwischen verbesserten Core Web Vitals und höherem Umsatz, der durch stärkere Engagement- und Konversionsraten getrieben wird. Google bezieht auch Core Web Vitals in seine Ranking-Faktoren ein.

Daher kann die Optimierung dieser Kennzahlen dazu beitragen, dass Ihre Website in den Suchergebnissen einen höheren Rang einnimmt und mehr Besucher anzieht.

Was sind die empfohlenen Kriterien für Core Web Vitals-Metriken?

A. Größte inhaltsreiche Farbe

Largest Contentful Paint (LCP) ist eine der drei wichtigsten Web-Vital-Metriken, die das Benutzererlebnis einer Website bewerten. LCP misst insbesondere, wie schnell der Hauptinhalt einer Webseite geladen wird und für den Benutzer zugänglich ist.

LCP bewertet einfach, wie lange es dauert, bis das größte und wichtigste visuelle Element auf der Website geladen und angezeigt wird. Dabei kann es sich um ein großes Bild, einen Videoplayer, einen Textblock oder eine andere wichtige Information handeln, die der Betrachter beim Besuch dieser Seite zuerst sehen möchte.

Eine gute LCP-Zeit liegt bei 2.5 Sekunden oder weniger. Das bedeutet, dass beim Besuch der Website das Hauptbild, Video oder der wichtige Textblock fast sofort geladen wird. Eine LCP von 2.6 bis 4 Sekunden zeigt an, dass die Geschwindigkeit Ihrer Website verbessert werden muss.

Alles, was länger als 4 Sekunden ist, gilt als schlechtes LCP, da es Besucher verärgern und dazu führen kann, dass sie Ihre Site verlassen.

Aus technologischer Sicht kann die Optimierung von LCP Taktiken umfassen wie:

• Optimierung und Reduzierung großer Mediendateien
• Priorisierung der Auslastung wichtiger Ressourcen
• Verwenden von Techniken zur Leistungssteigerung, wie z. B. Code-Splitting
• Effektiver Einsatz von Browser-Caching

B. Kumulative Layoutverschiebung

Cumulative Layout Shift (CLS) ist eine weitere von Google eingeführte Core Web Vitals-Kennzahl. Sie bewertet die visuelle Stabilität einer Website.

Der Cumulative Layout Shift (CLS) ist eine konsistente Kennzahl der Core Web Vitals. Er ist eine wichtige, benutzerzentrierte Kennzahl zur Analyse der visuellen Stabilität, da er misst, wie oft Benutzer unerwartete Layoutänderungen erleben. Ein niedriger CLS trägt dazu bei, dass die Seite ansprechend wirkt.

Unerwartete Layoutänderungen können das Benutzererlebnis auf vielfältige Weise beeinträchtigen. Beispielsweise kann es passieren, dass der Benutzer beim Lesen die Stelle verliert, wenn der Text unerwartet springt, oder dass er auf den falschen Link oder Button klickt. Dies kann unter Umständen erheblichen Schaden anrichten.

Ein guter CLS-Wert von 0.1 oder weniger zeigt an, dass das Layout Ihrer Website recht stabil ist. Dadurch können andere Ihre Inhalte problemlos und ohne Unterbrechung sehen.

Ein CLS-Score von 0.1 bis 0.25 zeigt an, dass die visuelle Stabilität Ihrer Website verbessert werden muss. Es gibt genügend Bewegung, um für Benutzer erkennbar zu sein.

Ein schlechter CLS-Score von über 0.25 deutet darauf hin, dass sich die Elemente Ihrer Seite häufig verschieben. Benutzer bemerken möglicherweise plötzliche Verschiebungen, z. B. die Bewegung von Text oder Schaltflächen. Dies beeinträchtigt ihr Benutzererlebnis. 

C. Erste Eingabeverzögerung

First Input Delay (FID) ist die dritte Metrik in den Core Web Vitals von Google. Es bewertet die Reaktionsfähigkeit einer Website auf Benutzerinteraktionen. FID misst, wie schnell eine Website reagiert, wenn ein Benutzer zum ersten Mal mit ihr interagiert.

Beispiele für Interaktionen sind:

• Auswählen eines Menüpunkts in einem Dropdown
• Klicken Sie auf einen Link in der Navigation Ihrer Website
• Eingabe ihrer E-Mail-Adresse in ein Formularfeld
• Öffnen Sie das „Akkordeon-Menü“ auf einem mobilen Gerät

Google schätzt FID, weil es widerspiegelt, wie einfach reale Kunden mit Ihrer Website interagieren können. Für ein optimales Benutzererlebnis sollte der FID weniger als 100 Millisekunden betragen. 

D. Interaktion mit der nächsten Farbe

Interaction to Next Paint (INP) ist die neueste Kennzahl der Core Web Vitals und folgt am 12. März 2024 auf First Input Delay (FID). Sie gibt an, wie schnell eine Seite auf Interaktionen reagiert und wird in Millisekunden gemessen.

Es ist erwähnenswert, dass INP misst, wie schnell eine Webseite während der Benutzerinteraktion reagiert. FID erfasste nur die Reaktionszeit des ersten Benutzerkontakts mit einem beliebigen Element auf der Site. 

Ein guter INP beträgt 200 Millisekunden oder weniger. Ein INP zwischen 200 und 500 Millisekunden weist darauf hin, dass die Interaktion Ihrer Website verbessert werden muss.

Ein INP von mehr als 500 Millisekunden stellt für Ihre Benutzer ein schreckliches interaktives Erlebnis dar. Dies führt zu offensichtlichen Verzögerungen und Verzögerungen bei der Reaktion auf Benutzereingaben.

Wie überprüfen Sie die Core Web Vitals-Leistung Ihrer Website?

CWVs können mit einer Vielzahl von Tools überprüft werden. Nachfolgend sind alle Angebote direkt von Google aufgeführt:

Der Chrome UX Report (CrUX) liefert Felddaten von Chrome-Benutzern und ermöglicht Site-Administratoren, zu lernen wie echte Menschen mit ihren Websites interagieren.

Google Leuchtturm ist eine kostenlose Anwendung, die Labormessungen für CWVs generiert. Es liefert unter anderem nützliche Daten zu Leistung, SEO und Zugänglichkeit.

Google PageSpeed ​​Insights kombiniert die Funktionen von CrUX und Lighthouse und liefert Feld- und Labordaten zu CWVs und anderen Webmetriken. PageSpeed ​​Insights ermöglicht es Nutzern, die Leistung von Websites zu bewerten, unabhängig davon, ob sie diese besitzen oder nicht. Dies ist ein Beispiel für einen PageSpeed ​​Insights-Bericht.

Google Search Console basiert auf CrUX-Felddaten und stellt CWV-Leistungsstatistiken nach URL oder URL-Satz bereit.

Lassen Sie uns die wichtigsten Web-Vitaldaten mit einem der folgenden Tools überprüfen:

A. Google PageSpeed ​​Insights

Google PageSpeed ​​Insights (PSI) ist ein kostenloses Tool zur Bewertung der Leistung einer einzelnen Webseite auf Mobil- und Desktop-Geräten.

Es bietet außerdem Möglichkeiten, die Nutzung Ihrer Seite zu beschleunigen und zu vereinfachen. Um die Leistung der Core Web Vitals einer Seite zu messen, öffnen Sie PageSpeed ​​Insights, geben Sie die zu untersuchende URL ein und klicken Sie auf „Analysieren“.

Wenn Ihr Bericht fertig ist, erhalten Sie eine vollständige Aufschlüsselung Ihrer Leistung nach vielen Parametern.

Der „Performance“-Score reicht von 0 bis 100 und basiert auf den folgenden Metriken:

• Erster zufriedener Anstrich 
• Geschwindigkeitsindex
• Größte inhaltliche Farbe
• Gesamtsperrzeit
• Kumulative Layoutverschiebung

Ihre Core Web Vitals-Ergebnisse sehen so aus:

Scrollen Sie nach unten zum Abschnitt „Diagnose“, um eine Liste mit Maßnahmen zu erhalten, mit denen Sie die Leistung Ihrer Website steigern können. 

Beachten Sie, dass der Core Web Vitals-Bericht nicht dazu dient, den Status einer bestimmten Seite zu ermitteln. Stattdessen können Sie damit den Gesamtzustand Ihrer Website beurteilen.

Wie kann die Leistung von Core Web Vitals verbessert werden?

A. LCP verbessern

Verwenden Sie ein Content Delivery Network (CDN): CDNs speichern Material an mehreren Orten auf der Welt zwischen, sodass Inhalte die Verbraucher schneller erreichen.

Bilder optimieren: Bilder sind in der Regel das größte Element einer Seite. Durch die Reduzierung der Größe einer Bilddatei kann die Ladezeit verkürzt werden.

Eine weitere Möglichkeit, Ihren LCP-Score zu steigern, besteht darin, Ihr Website-Hosting zu steigern.

Shared Hosting (bei dem mehrere Websites auf demselben Server gehostet werden) kann langsamer sein, da Ressourcen wie Speicher und Rechenleistung gemeinsam genutzt werden. Wenn es bei anderen Websites zu Datenverkehrsspitzen kommt, kann dies zu einer Verlangsamung Ihrer Website führen. 

Um dieses Problem zu lösen, sollten Sie zu einem besseren Hosting-Plan oder einem alternativen Hosting-Anbieter wechseln. Beispielsweise dediziertes Hosting (wo Ihre Site über einen eigenen Server verfügt) oder Cloud-Hosting (wo mehrere Server verwendet werden, um eine konsistentere Leistung zu gewährleisten).

B. Verbesserung des CLS

1. Seitenelemente von Drittanbietern minimieren: Drittanbieterelemente auf einer Seite werden von anderen Stellen geladen als der Rest der Seite. Daher können sie zu leicht unterschiedlichen Zeiten geladen werden, was zu Änderungen des Seitenlayouts führt. Durch die Verwendung von weniger Drittanbieterelementen lässt sich die Anzahl der Layoutänderungen reduzieren.

2. Platz für eingebettete Inhalte reservieren: Viele Drittanbieterfunktionen, wie beispielsweise Werbung, sind für den Betrieb oder die wirtschaftliche Strategie einer Website notwendig und können nicht entfernt werden. Entwickler können Platz auf der Seite reservieren, damit diese Komponenten geladen werden können, bevor der Browser das eigentliche Element abruft.

3. Stellen Sie sicher, dass Fotos in ihrer optimalen Größe geladen werden: Dies ist ein etwas anderer Ansatz als die allgemeine Bildoptimierung. Desktop-PCs, Tablets und Smartphones benötigen aufgrund ihrer Bildschirmgröße Grafiken in unterschiedlichen Größen. Lädt ein Browser zuerst das große, für den Desktop optimierte Bild und muss dann das für Mobilgeräte optimierte Bild herunterladen, weil es sich bei dem Gerät um ein Smartphone handelt, kann sich der Seiteninhalt beim Laden des unterschiedlich großen Bildes verschieben.

4. Geben Sie die Höhe und Breite von Fotos und Videos an: Die Parameter „Höhe“ und „Breite“ geben an, wie groß ein Bild sein wird, sodass Browser diesen Platz reservieren können, bevor das Bild oder Video geladen wird. Auf unserer HTML5-Videoseite finden Sie weitere Informationen, wie Sie dies mit Video erreichen können.

5. Verwenden Sie CSS-Seitenverhältnisfelder:  CSS-Entwickler können verschiedene Strategien anwenden, um durch die Nutzung von Seitenverhältnissen Platz für ein Seitenelement zu sparen. 

C. Verbesserung des INP

Eines der wichtigsten Probleme, die Ihre Interaktion mit Next Paint beeinträchtigen können, ist das Vorhandensein mehrerer großer Skripte oder JavaScript-Codes auf Ihrer Website.

JavaScript ist eine Computersprache zum Erstellen dynamischer Website-Elemente wie Menüs, Formulare und Animationen. Umfangreicher oder komplexer JavaScript-Code kann jedoch die Reaktionszeit Ihrer Website auf Benutzerinteraktionen verlangsamen.

Damit 

• Reduzieren Sie die Anzahl der JavaScript-Funktionen: Code-lastige, dynamische Webseiten können Eingabeverzögerungen verursachen, da der Browser alle den Code vor der Ausführung. Die Minimierung von JavaScript kann diesen Prozess beschleunigen.

• Erstellen Sie statische HTML-Webseiten: Statische HTML-Seiten werden deutlich schneller geladen als dynamische, insbesondere wenn sie über ein CDN bereitgestellt werden. Erfahren Sie mehr über statische Site-Generatoren oder Jamstack, eine Entwicklungsstrategie für statische Inhalte.

• Entfernen Sie alle unerwünschten Tools und Skripte von Drittanbietern: Das Laden zusätzlicher Tools auf Ihrer Website kann Ihre Website verlangsamen. Reduzieren Sie die Anzahl von Drittanbieter-Tools auf einer Website, um die FID und die Gesamtleistung der Website zu verbessern.

Fazit

Sind die wichtigsten Web-Vitalwerte also wichtig? 

Core Web Vitals sind absolut wichtig, wenn es darum geht, allen Besuchern Ihrer Website ein erstklassiges, problemloses Erlebnis zu bieten 

Die Optimierung dieser wichtigen Kennzahlen erfordert zwar einige spezielle Fähigkeiten Ihrer Webentwickler, die Belohnung ist jedoch enorm: Sie schaffen hervorragende digitale Erlebnisse, die Kunden zufriedenstellen und sie wiederkommen lassen. Die Beherrschung dieser Core Web Vitals im Jahr 2024 und darüber hinaus wird für den Online-Erfolg entscheidend sein.

Lesen Sie mehr auf Verbindungsgeschwindigkeit.

Häufig gestellte Fragen