Sind Core Web Vitals wichtig? Was machen sie?

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, die Google verwendet, um die Ladegeschwindigkeit, Reaktionsfähigkeit und visuelle Stabilität einer Website zu bewerten. Mit anderen Worten: Sie helfen dabei, festzustellen, ob eine Website eine positive oder negative Benutzererfahrung bietet.

Warum sind diese Core Web Vitals wichtig?

Google möchte sicherstellen, dass die von ihm in seinen Suchergebnissen vorgeschlagenen Websites ein angenehmes Benutzererlebnis bieten. Denn wenn eine Website langsam ist, nicht reagiert und grafisch instabil ist, werden Sie wahrscheinlich nicht lange dort bleiben.

Aus diesem Grund können Websites mit höheren Core Web Vitals-Bewertungen in den Google-Suchergebnissen höher erscheinen, 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 wichtige Web-Vitaldaten wichtig und haben sie einen Einfluss auf die Benutzererfahrung und die Suche?

Fangen wir an!

Was sind zentrale Web-Vitals?

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

Betrachten Sie es als ein Website-Zeugnis. Es analysiert die Faktoren, die für jeden, der eine Website besucht, wesentlich sind.

Die drei wichtigsten Web-Vitals sind:

• Größte inhaltsreiche Farbe:Dies misst, wie schnell der Hauptinhalt auf den Seiten einer Website geladen wird. Der LCP sollte weniger als 2,5 Sekunden betragen, um ein positives Benutzererlebnis zu gewährleisten. Niemand liebt es, auf einen leeren Bildschirm zu starren und darauf zu warten, dass etwas passiert.

• Kumulierte Layoutverschiebung:Hierbei wird analysiert, wie oft sich das Layout und die Informationen auf einer Seite unerwartet ändern, während diese noch geladen wird. CLS sollte unter 0,1 liegen, um eine gute Benutzererfahrung zu bieten. Das Verschieben von Inhalten erschwert das Lesen und es kann passieren, dass Sie versehentlich auf das Falsche klicken.

• Erste Eingabeverzögerung:Diese Kennzahl misst, wie schnell eine Website reagiert, wenn Sie darauf klicken oder mit ihr interagieren. Verzögerungen und Latenz können sich erheblich verschlimmern. Für ein optimales Benutzererlebnis sollte der 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 von Core Web Vitals ersetzen wird. INP sollte 200 Millisekunden oder weniger betragen, um ein schnelles, reaktionsfähiges Erlebnis zu gewährleisten.

Vereinfacht ausgedrückt sind die Core Web Vitals Googles Methode, um zu messen, ob eine Website schnell lädt, 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. Bei der Seitenerfahrung handelt es sich um eine Reihe von Elementen, die Google für wichtig hält, um ein hervorragendes Gesamterlebnis für den Verbraucher zu bieten. Dazu gehören die folgenden:

• Verwenden von HTTPS zur Bereitstellung Ihrer Seite
• Mobilfreundlichkeit
• 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 Core Web Vitals schlecht abschneidet, werden die Benutzer wahrscheinlich eine negative Erfahrung machen.

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

A. Zufriedene 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 Website mit einem starken FID erhöht die Chancen der Benutzer, eine Transaktion abzuschließen oder sich für einen Dienst anzumelden.

D. Verbesserte SEO

Seiten, die Benutzern ein angenehmes Erlebnis bieten, neigen dazu,Rang in den Suchergebnissen höher. 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 die Benutzererfahrung 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 beträgt 2,5 Sekunden oder weniger. Das bedeutet, dass, wenn ein Benutzer die Website besucht, das Hauptbild, das Hauptvideo oder ein wichtiger Textblock fast sofort geladen wird. Ein LCP von 2,6 bis 4 Sekunden zeigt an, dass die Geschwindigkeit Ihrer Website verbessert werden muss.

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

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

• Optimierung und Reduzierung großer Mediendateien
• Priorisieren der Auslastung wichtiger Ressourcen
• Verwendung von Leistungstechniken wie Code-Splitting
• Effektive Nutzung von Browser-Caching

B. Kumulative Layoutverschiebung

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

Cumulative Layout Shift (CLS) ist eine konsistente Core Web Vitals-Metrik. Es handelt sich um eine wesentliche, benutzerzentrierte Metrik zur Analyse der visuellen Stabilität, da sie misst, wie oft Benutzer unerwartete Layoutänderungen erleben. Ein niedriger CLS trägt dazu bei, dass die Seite angenehm ist.

Unerwartete Layoutänderungen können das Benutzererlebnis auf verschiedene Weise unterbrechen, z. B. dazu, dass sie beim Lesen ihre Position verlieren, wenn der Text unerwartet springt, oder dass sie auf den falschen Link oder die falsche Schaltfläche klicken. 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-Wert 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 mehr als 0,25 weist darauf hin, dass sich Ihre Seitenelemente stark bewegen. Benutzer bemerken möglicherweise plötzliche Verschiebungen, z. B. das Verschieben von Text oder Schaltflächen. Dies ist schädlich für ihre Erfahrung.

C. Erste Eingabeverzögerung

First Input Delay (FID) ist die dritte Kennzahl 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 nächster 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 auf Benutzerinteraktionen reagiert. FID verfolgte nur die Reaktionszeit des ersten Benutzerkontakts mit einem beliebigen Element auf der Website.

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 finden Sie alle Angebote direkt von Google:

Der Chrome UX Report (CrUX) stellt Felddaten von Chrome-Nutzern bereit, sodass Website-Administratoren mehr darüber erfahrenwie echte Menschen mit ihren Websites interagieren.

Google Leuchtturmist 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 stellt Feld- und Labordaten zu CWVs und anderen Webmetriken bereit. Mit PageSpeed ​​Insights können Benutzer die Leistung von Websites bewerten, unabhängig davon, ob sie ihnen gehören oder nicht. Dies ist ein Beispiel für einen PageSpeed ​​Insights-Bericht.

Die 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 auch Möglichkeiten, Ihre Seite schneller und benutzerfreundlicher zu gestalten. Um die Core Web Vitals-Leistung einer Seite zu messen, öffnen Sie PageSpeed ​​Insights, geben Sie die URL ein, die Sie untersuchen möchten, 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:

• Erste inhaltsreiche Farbe
• Geschwindigkeitsindex
• Größte inhaltsreiche Farbe
• Gesamtblockierungszeit
• Kumulative Layoutverschiebung

Ihre Core Web Vitals-Ergebnisse sehen folgendermaßen aus:

Scrollen Sie nach unten zum Abschnitt „Diagnose“, um eine Liste der Dinge zu erhalten, die Sie tun können, um die Leistung Ihrer Website zu steigern.

Beachten Sie, dass der Core Web Vitals-Bericht nicht dazu gedacht ist, Ihnen dabei zu helfen, den Status einer bestimmten Seite zu bestimmen. 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 auf einer Seite. Die Reduzierung der Größe einer Bilddatei kann deren Ladezeit verkürzen.

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 Arbeitsspeicher und Rechenleistung gemeinsam genutzt werden. Dies kann dazu führen, dass Ihre Website langsamer wird, wenn der Datenverkehr auf anderen Websites stark ansteigt.

Um dieses Problem zu lösen, sollten Sie einen Wechsel zu einem besseren Hosting-Plan oder einem alternativen Hosting-Anbieter in Betracht ziehen. Zum Beispiel dediziertes Hosting (bei dem Ihre Site über einen eigenen Server verfügt) oder Cloud-Hosting (bei dem mehrere Server verwendet werden, um eine konsistentere Leistung bereitzustellen).

B. CLS verbessern

1. Seitenelemente von Drittanbietern minimieren:Elemente von Drittanbietern auf einer Seite werden von anderen Stellen geladen als der Rest der Seite. Daher kann es sein, dass sie zu leicht unterschiedlichen Zeitpunkten geladen werden, was dazu führt, dass sich das Layout der Seite ändert. Die Verwendung weniger Elemente von Drittanbietern reduziert die Anzahl der Layoutänderungen.

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

3. Stellen Sie sicher, dass die Fotos in ihrer optimalen Größe geladen werden:Dies ist ein etwas anderer Ansatz als die Optimierung von Bildern im Allgemeinen. Desktop-PCs, Tablets und Smartphones benötigen aufgrund der Bildschirmgröße Grafiken in unterschiedlichen Größen. Wenn ein Browser zuerst das große, für den Desktop optimierte Bild lädt und dann das für Mobilgeräte optimierte Bild herunterladen muss, weil es sich bei dem Gerät um ein Smartphone handelt, verschiebt sich der Seiteninhalt möglicherweise, wenn das Bild in unterschiedlicher Größe geladen wird.

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, die dynamische Website-Elemente wie Menüs, Formulare und Animationen erstellt. Allerdings kann umfangreicher oder komplexer JavaScript-Code die Reaktionszeit Ihrer Website auf Benutzerinteraktionen verlangsamen.

Also,

• Reduzieren SieAnzahl der JavaScript-Funktionen:Codelastige, dynamische Webseiten können zu Eingabeverzögerungen führen, da der Browser alles laden mussden Code, bevor Sie ihn ausführen. Durch die JavaScript-Minimierung kann dieser Prozess beschleunigt werden.

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

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

Fazit

Sind Core Web Vitals also wichtig?

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

Während die Optimierung für diese wichtigen Aspekte von Ihren Webentwicklern einige besondere Fähigkeiten erfordert, ist der Lohn enorm: die Schaffung hervorragender digitaler Erlebnisse, die dafür sorgen, dass die Kunden zufrieden sind und immer wieder zurückkommen. Die Beherrschung dieser Core Web Vitals im Jahr 2024 und darüber hinaus wird für den Online-Erfolg von entscheidender Bedeutung sein.

Lesen Sie mehr aufVerbindungsgeschwindigkeit.

FAQs