Was sind Core Web Vitals und wie kann man sie optimieren?

Im Jahr 2021 hat Google die Seitenerfahrung als Rankingfaktor integriert. Sein Hauptzweck besteht darin, die Webleistung zu verbessern. Mit dem Page Experience Update sind Core Web Vitals zu einem wichtigen Faktor geworden, den Sie berücksichtigen sollten, wenn Sie möchten, dass Ihre Website in den Google-Suchergebnissen rankt.

Wie bestimmt Google, wenn jemand bei Google nach einem bestimmten Schlüsselwort sucht, welche Website oben und welche unten angezeigt werden muss? Zweifellos wird zunächst der Inhalt berücksichtigt. Der Inhalt wird immer das Ranking dominieren, aber neben dem Inhalt misst Google auch viele andere Elemente der Webseite, wie Schlüsselwörter, die Verwendung dieser Schlüsselwörter auf Ihrer Seite, Backlinks und viele andere. Auch die Seitenleistung ist einer davon. Google misst die Seitenleistung anhand der wichtigsten Web-Vitalwerte.

In diesem Artikel besprechen wir Core Web Vitals und wie Sie es optimieren können, um in den Suchergebnissen einen höheren Rang zu erreichen und mehr Traffic zu erzielen.

Was sind Core Web Vitals?

Größter Contentful Paint, First Input Delay und Cumulative Layout Shift sind die drei wichtigsten Leistungsmetriken, die Core Web Vital ausmachen. Sie messen, wie schnell und effizient eine Seite für Benutzer geladen wird und wie interaktiv und stabil die Elemente der Website sind bleiben während des gesamten Ladevorgangs erhalten.

Lassen Sie es uns zum besseren Verständnis weiter aufschlüsseln.

1. LCP (Größte Contentful Paint)

LCP bewertet, wie schnell das größte Element der Website (Bilder, Videos, Animationen, Text usw.) geladen und angezeigt werden kann.

Ein guter LCP liegt bei 2,5 Sekunden, während alles zwischen 2,5 und 4 Sekunden verbesserungswürdig ist und mehr als 4 Sekunden von Google als schlecht eingestuft werden.

GRÖSSTE INHALTSFÄHIGE PAINT-STATISTIK

1. Der größte Contentful Paint macht 25 % Ihres Google Lighthouse Performance Score aus.
2. 43 % der mobilen und 44 % der Desktop-URLs bestehen den größten Contentful Paint-Benchmark von 2,5 Sekunden.
3. Untersuchungen zufolge hat die durchschnittliche B2B-Website einen Mobile-Largest-Contentful-Paint-Score von 7,05 Sekunden und liegt damit deutlich über dem Wert von 2,5 Sekunden, der für eine bestandene Note erforderlich ist.
4. Untersuchungen zufolge hat die durchschnittliche Einzelhandels-Website einen Mobile-Largest-Contentful-Paint-Score von 9,17 Sekunden und liegt damit deutlich über dem Wert von 2,5 Sekunden, der für eine bestandene Note erforderlich ist.

2. FID (First Input Delay)

Die FID einer Seite ist die Zeitspanne, die der Browser benötigt, um mit der Verarbeitung von Ereignishandlern als Reaktion auf die erste Benutzerinteraktion mit der Seite, z. B. einen Klick oder ein Tippen, zu beginnen.

Ein guter FID liegt unter 100 ms, während alles zwischen 100 und 300 ms verbesserungswürdig ist und über 300 ms als schlecht gilt.

ERSTE EINGANGSVERZÖGERUNGSSTATISTIK

1. Die Verzögerung der ersten Eingabe macht 25 % Ihres Google Lighthouse Performance Score aus.
2. 89 % der mobilen und 99 % der Desktop-URLs erfüllen den Benchmark von 100 Millisekunden für die erste Eingabeverzögerung.

3. CLS (Cumulative Layout Shift)

CLS ist eine nützliche benutzerzentrierte Metrik zur Messung der visuellen Stabilität, da es dabei hilft, die Häufigkeit zu quantifizieren, mit der Benutzer auf unerwartete Layoutänderungen stoßen. Dies ist ein wesentlicher Aspekt der visuellen Stabilitätsmessung.

Ein guter CLS liegt unter 0,1, während alles zwischen 0,1 und 0,25 verbesserungswürdig ist und ein Wert über 0,25 als schlecht gilt

KUMULATIVE LAYOUT-VERSCHICHTUNGSSTATISTIK

1. Die kumulative Layoutverschiebung macht 5 % Ihres Google Lighthouse Performance Score aus.
2. 46 % der mobilen URLs und 47 % der Desktop-URLs bestehen den Cumulative Layout Shift-Benchmark von .1.

Warum Core Web Vitals wichtig ist

Ein Tool wie Core Web Vitals hilft dabei, die Position Ihrer Website in den Suchergebnissen zu verbessern. Sie sind von entscheidender Bedeutung, da sie Google mitteilen, wie gut eine Website abschneidet und wo sie verbessert werden kann.

Die Core Web Vitals erhöhen unbestreitbar die Bedeutung von UX als Ranking-Element.

Daher kann die Optimierung für die Core Web Vitals einen gewaltigen Unterschied machen, wenn Sie in einem Bereich konkurrieren, in dem die Inhaltsqualität nahezu vergleichbar ist. Das heißt, wenn Google zwei Seiten mit derselben Inhaltsqualität anzeigen muss, bevorzugt es die Seite mit einer guter Core Web Vitals Score. Denken Sie daran, dass qualitativ hochwertige Inhalte auf Ihrer Website durch nichts ersetzt werden können.

Was John Mueller von Google über Core Web Vitals zu sagen hat

Das andere, was Sie bei Core Web Vitals beachten sollten, ist, dass es sich um mehr als einen zufälligen Ranking-Faktor handelt. Es wirkt sich auch auf die Benutzerfreundlichkeit Ihrer Website nach dem Ranking aus (wenn Besucher sie besuchen). Wenn Sie mehr Traffic (durch andere SEO-Maßnahmen) erhalten und Ihre Conversion-Rate niedrig ist, ist dieser Traffic nicht so wertvoll wie bei einer höheren Conversion-Rate (vorausgesetzt, UX/Geschwindigkeit beeinflusst Ihre Conversion-Rate, was normalerweise der Fall ist).

Um es einfach auszudrücken, geht es bei soliden Core Web Vitals um viel mehr als nur um Suchmaschinenoptimierung. Jeder Website-Inhaber sollte sich bemühen, das Gesamterlebnis seiner Besucher zu verbessern.

Auch wenn der Inhalt Ihrer Seite ausgezeichnet ist, müssen Sie dennoch sicherstellen, dass jeder Aspekt Ihrer Website für ein hohes Suchmaschinenranking optimiert ist, damit Ihre Website für Ihre Zielgruppe sichtbar ist. Core Web Vitals betont auch die Bedeutung der Benutzererfahrung.

So messen Sie die Core Web Vitals

Sie können die Core Web Vitals Ihrer Website mithilfe verschiedener Tests, Berichte und Erweiterungen untersuchen.

Die wichtigsten davon sind:

• Die Core Web Vitals-Bewertung von PageSpeed ​​Insights;
• Der Core Web Vitals-Bericht in der Google Search Console;
• Die Core Web Vitals Chrome-Erweiterung.

1. Bewertung der wichtigsten Web-Vitalwerte in PageSpeed ​​Insights

Google PageSpeed ​​Insights (PSI) ist in zwei Abschnitte unterteilt:

• Bestimmen Sie, was Ihre tatsächlichen Benutzer erleben (Core Web Vitals-Bewertung)
• Identifizieren Sie Leistungsbedenken (Labordaten, PSI-Score).

Konzentrieren Sie sich auf den ersten Teil, um Ihren Core Web Vitals-Score zu verbessern. Der Felddatenbericht berücksichtigt diese Analyse. Die Daten für diese Studie stammen aus dem Chrome User Experience Report (CrUX). Diese Daten basieren auf tatsächlichen Benutzerinteraktionen mit Ihrer Website. Google berücksichtigt diese Feldergebnisse bei der Ermittlung des Suchmaschinenrankings.

Der Abschnitt „Diagnose“ des PSI ist auch eine gute Quelle, um mehr über die Faktoren zu erfahren, die jede der drei Metriken verändern können:

PSI berücksichtigt reale Benutzermetriken und Labordaten, um einen Gesamtoptimierungswert zu ermitteln und Optimierungsempfehlungen anzubieten.

Obwohl diese Informationen hilfreich sind, werden sie in einer kontrollierten Umgebung mithilfe spezifischer Geräte und Netzwerke im Labor gesammelt. Allerdings nutzen einige Gäste Ihrer Website möglicherweise veraltete Technologie oder leistungsschwache Verbindungen. Aus diesem Grund ist es keine gute Idee, die Laborergebnisse mit der tatsächlichen Leistung Ihrer Website zu vergleichen.

PSI bietet nicht immer eine Feldzusammenfassung.

Wenn der CrUX nicht genügend Daten vor Ort gesammelt hat, was bei kleineren Websites häufig der Fall ist, treten solche Probleme auf. Glücklicherweise gibt es zusätzliche Quellen, aus denen wir Felddaten sammeln können.

2. Core Web Vitals-Bericht in der Google Search Console

Der Google Search Console (GSC) wurden zwei neue Core Web Vitals-Berichte hinzugefügt, einer für Mobilgeräte und einer für Desktop.

Jeder Bericht enthält Informationen zu den Felddaten und der Leistung von URL-Gruppen.

Diese Berichte eignen sich hervorragend zum Erkennen häufiger Probleme über mehrere URLs hinweg. Somit erhalten Sie Informationen über Ihre gesamte Website und nicht nur über eine Seite.

Wenn Sie beispielsweise eine große Anzahl identischer Seiten haben, bei denen das größte Element ein Bild ist, ist die LCP-Metrik für jede Seite gleich. In dieser Situation entdeckt GSC LCP-Probleme auf jeder Seite.

Kurz gesagt sind diese neuen GSC-Berichte der bemerkenswerteste Ansatz zur Verfolgung der Leistung von Core Web Vitals auf Ihrer gesamten Website.

3. Verwenden des Chrome User Experience Report (CrUX), um Felddaten abzurufen

Auf den CrUX-Datensatz kann auf zwei Arten zugegriffen werden

• Die Chrome UX Report API – Um auf diesen zugreifen zu können, muss der Entwickler mit JavaScript und JSON vertraut sein.
• BigQuery – Erfordert ein Google Cloud-Projekt und SQL-Kenntnisse.

Sie müssen mehr Arbeit investieren, als nur eine Seite über PSI oder GSC weiterzuleiten. Sie bieten jedoch mehr Möglichkeiten zur Anordnung und Visualisierung der Daten. BigQuery verfügt beispielsweise über Funktionen zum Aufteilen und Verknüpfen von Daten mit anderen Datensätzen.

Probieren Sie beide Strategien aus, wenn Sie über die Ressourcen und das technische Wissen verfügen, sie umzusetzen.

Einige wichtige Statistiken zu den wichtigsten Web-Vitals

1. 56 % der Top-100-Desktop-Domains bestehen die Core Web Vitals
2. Starker Markeneffekt – große Marken haben trotz schlechter Leistung einen hohen Rang.
3. 61 % der mobilen Top 100 haben im Februar 2022 die Core Web Vitals bestanden
4. Im Februar 2022 betrug die durchschnittliche Ladezeit für die Top-100-Domains in den USA 2,38 Sekunden auf dem Desktop und 2,32 Sekunden auf Mobilgeräten – unter der angemessenen Schwelle von Google von 2,5 Sekunden.
5. Im Februar 2022 lagen die durchschnittlichen CLS-Werte für Desktop- und Mobilgeräte bei 0,11 bzw. 0,08 – dies ist das erste Mal, dass der durchschnittliche CLS-Wert auf Mobilgeräten für die Top-100-Websites unter den geeigneten Schwellenwert von Google von 0,1 gesunken ist
6. Im Januar 2020 bestanden nur 22 % der Desktop- und 27 % der mobilen Top-100-Domains die Core Web Vitals. Spulen wir vor bis Februar 2022, dann hat sich dieser Anteil auf 56 % auf dem Desktop und 62 % auf Mobilgeräten mehr als verdoppelt. Dies zeigt, dass die leistungsstärksten Domains erhebliche Fortschritte bei der Web-Performance erzielt haben.
7. Top 100-, B2B-, Gesundheits- und Dict/Reference-Websites haben auf beiden Geräten einen durchschnittlichen LCP von 2,5 Sekunden oder weniger.
8. Im Durchschnitt ist der mobile LCP für Reisen 1,6-mal schlechter als für Wörterbuch-/Referenzseiten.
9. Im Durchschnitt ist der Desktop-LCP für Reisen 1,5-mal schlechter als für B2B-Domains.
10. Bei URLs auf Position 1 ist die Wahrscheinlichkeit, dass sie eine Core Web Vitals-Bewertung bestehen, um 10 % höher als bei URLs auf Position 9.
11. Von Position 1 bis Position 5 verringert sich die Erfolgsquote der Core Web Vitals-Bewertung für jede Position um 2 %.

So optimieren Sie die wichtigsten Web-Vitals

Nachdem wir die Core Web Vitals und ihre Funktionsweise nun genau verstanden haben, können wir uns auf einige empfohlene Schritte zur Verbesserung der Core Web Vitals konzentrieren. Denken Sie daran, dass Ihre Testergebnisse die Schritte bestimmen, die Sie unternehmen müssen, um Ihre Punktzahl zu verbessern. Daher ist es wichtig, die Ratschläge und Vorschläge von PageSpeed ​​Insights (oder anderen von Ihnen verwendeten Testtools) zu berücksichtigen.

Im Folgenden finden Sie bewährte Grundstrategien zur Steigerung Ihrer Core Web Vitals-Werte.

1. Verwenden Sie ein Content Delivery Network

Die Verwendung von CDN verbessert die Leistung der Website erheblich. Websites, die CDN verwenden, laden vergleichsweise schnell. Warum? Weil CDN die Datenübertragung zwischen dem Server und dem Endbenutzer schnell macht.

CDN ist ein riesiges Netzwerk miteinander verbundener Server. Mithilfe des CDN können Sie die Inhalte Ihrer Website auf vielen Servern speichern. Wenn ein Benutzer auf Ihre Website zugreift, stellt ihm der geografisch nächstgelegene Server die Website dar, wodurch die Datenübertragungszeit verkürzt wird.

Durch die Verwendung eines CDN können Sie die LCP-Ladezeiten der Benutzer verkürzen. Durch den Einsatz (TTFB) kann auch die Time-to-First-Byte verkürzt werden.

2. Bilder optimieren

Eine weitere Möglichkeit, LCP zu steigern, ist die Bildoptimierung. Bilder sind sperrig, wenn sie eine hohe Auflösung haben, und das Laden nimmt eine angemessene Zeit in Anspruch, was sich negativ auf den LCP-Score auswirkt.

Durch die Verwendung komprimierter Bilder wird das Laden beschleunigt. Viele Websites wie TinyJPG können die Größe eines Bildes kostenlos reduzieren, ohne die Qualität zu beeinträchtigen. Bilder können weiter optimiert werden, indem sichergestellt wird, dass sie die richtige Größe und Abmessungen haben.

Daher ist es sinnvoll, sicherzustellen, dass Sie für bestimmte Bereiche Ihrer Website keine unnötigen Bildabmessungen verwenden. Das Einfügen der richtigen Attribute kann Ihrem Browser dabei helfen, den idealen Platz für die Teile Ihrer Seite bereitzustellen und so die Notwendigkeit ständiger Layoutänderungen zu reduzieren.

Durch Änderungen am Quellcode können Sie die Breiten- und Höheneigenschaften Ihrer Mediendateien ändern.

3. Implementieren Sie Lazy Loading

Sowohl Ihr LCP als auch die Seitenladezeit können von der Verwendung von Lazy Loading profitieren. Smush ist nur ein Beispiel für mehrere WordPress-Plugins, die Lazy Loading bieten.

Lazy Loading, auch als On-Demand-Loading bekannt, ist eine Methode zur Verbesserung der Leistung von Webinhalten.

Lazy Loading hilft dabei, nur den benötigten Teil zu laden und verzögert das Laden des Rests, bis er vom Benutzer benötigt wird, im Gegensatz zum Massenladen, bei dem die gesamte Webseite auf einmal geladen und in einem Rutsch gerendert wird.

4. Optimieren Sie Ihre Website-Schriftarten

Die Schriftarten, die Sie auf Ihrer Website verwenden, können die Ladezeit auf die gleiche Weise beeinflussen wie Bilder. Dies liegt daran, dass der Browser für jede Schriftstärkenkombination die gesamte Schriftfamilie laden muss.

Die Optimierung von Web-Schriftarten ist eine einfache Möglichkeit, die Geschwindigkeit Ihrer Website zu steigern. Dies liegt daran, dass optimierte Web-Schriftarten weniger Platz auf dem Computer eines Benutzers beanspruchen und viel schneller geladen werden.

Wenn die entsprechende Webschrift hingegen noch nicht geladen ist, kann es sein, dass der Browser die Textkomponenten nicht automatisch darstellt. Der Wechsel zu alternativen Schriftarten kann jedoch zu unerwünschten Layoutänderungen führen und Ihren CLS-Score senken.

Seien Sie vorsichtig, wenn Sie sich für eine Schriftart für Ihre Website entscheiden. Wenn Sie mehr als zwei Schriftarten verwenden, verwenden Sie am besten globale Schriftarten, um die erforderlichen Typen und Stärken selektiv anzuwenden, anstatt jede einzelne auf jedes Element anzuwenden. Mit dieser Methode können Sie das Herunterladen von Schriftarten auf diejenigen beschränken, die für den Inhalt unbedingt erforderlich sind.

5. Aktualisieren Sie Ihr WordPress-Hosting

Wenn die Ladezeit der Website zu lang ist, kann dies ein Hinweis darauf sein, das Hosting-Paket zu ändern. Der Wechsel Ihres Hostings von Shared zu Dedicated kann den FCP erheblich steigern.

Anstatt sich für die günstigste zu entscheiden, ist es eine kluge Entscheidung, sich für die beste Hosting-Site zu entscheiden, die alle von Ihnen benötigten Funktionen bietet. Die Servicequalität Ihres WordPress-Hosts ist entscheidend für den Erfolg Ihrer Website. Dies hat weitreichende Folgen, von der Ladezeit der Seite bis zur Sicherheit. Besonders wenn Sie eine große oder anspruchsvolle Website haben, sollten Sie hier keine Abstriche machen. Stattdessen ist ein Upgrade Ihres Hosting-Anbieters oder -Plans eine der schnellsten und zugleich wirkungsvollsten Strategien zur Optimierung Ihrer Website und zur Verbesserung der Ladezeiten.

Für Hosting lesen Sie: Bluehost Review

6. Eliminieren Sie Render-blockierende Ressourcen

Website-Seiten können nicht ohne die zugehörigen HTML-, CSS- und JavaScript-Dateien gerendert werden. Diese Dateien enthalten alle Skripte, die Personen den Zugriff auf die Inhalte verbieten könnten, die sie sehen möchten.

Sie können jedoch verhindern, dass sich diese Skripte negativ auf Ihre UX auswirken (und dadurch die Core Web Vitals steigern), indem Sie Render-blockierende Ressourcen und alle nicht benötigten CSS oder Skripte entfernen.

Es gibt zahlreiche Methoden, um dies zu erreichen. Die erste besteht darin, alle zusätzlichen Leerzeichen oder Kommentare aus Ihrem JavaScript und CSS zu entfernen. Darüber hinaus können Sie die Größe Ihres JavaScript und CSS reduzieren, indem Sie die Dateien zusammenführen.

7. Laden von JavaScript verzögern

Dies ist eine weitere Möglichkeit, Render-blockierende Elemente zu eliminieren, was der FID einen deutlichen Schub verleiht.

Dadurch wird das Laden von Webseiten beschleunigt, da das Laden von JavaScript-Dateien blockiert wird.

Es lädt andere Inhalte Ihrer Seiten, anstatt auf das Laden der JS-Dateien zu warten. Darüber hinaus können Sie Ihre Website so konfigurieren, dass kritische CSS-Skripte, die „above the Fold“ angezeigt werden, schnell geladen werden. Sie können dies erreichen, indem Sie das Material aus der primären CSS-Datei extrahieren und es in den Code Ihrer Website integrieren.

8. Implementieren Sie Content-Caching.

Wenn es darum geht, das Benutzererlebnis zu verbessern, ist intelligentes Content-Caching eines der leistungsstärksten Tools, die Ihnen zur Verfügung stehen. Die zentrale Content-Delivery-Technik des HTTP-Protokolls nutzt Caching, also die temporäre Speicherung von Inhalten aus früheren Anfragen. Wenn die Caching-Richtlinien des Inhalts dies zulassen, können Komponenten an jedem Punkt der Bereitstellungskette Kopien davon speichern, um nachfolgende Anforderungen zu beschleunigen.

Caching trägt wesentlich zur Verbesserung der Core Web Vital Scores bei.

9. Heldenbilder vorab laden

Heldenbilder sind normalerweise das wichtigste Element, das über dem Falzinhalt erscheint. Wenn sie also schneller laden, wird die gesamte UX erheblich verbessert. LCP kann durch die Verwendung des Link-Attributs „rel=preload“ drastisch gesenkt werden, was besonders nützlich für mit CSS oder JavaScript geladene Heldenbilder ist.

10. Geben Sie Werbung oder Pop-ups keinen Vorrang vor anderen Inhalten.

Ein niedriger CLS-Wert ist das Ergebnis der Verschiebung von Inhalten auf einer Seite, die durch das Hinzufügen von Inhalten oben verursacht wird.

Schaffen Sie Platz für Werbung, Iframes und andere Formen dynamischer Inhalte.

Ihnen keinen bestimmten Platz zuzuweisen, ist wie bei Bildern und Videos eine todsichere Möglichkeit, das Layout zu stören. Um zu verhindern, dass Inhalte aus einem Container überlaufen, verwenden Sie die Eigenschaft „overflow:hidden“ und wählen Sie einen Container mit ausreichender Größe.

11. Teilen Sie lange Aufgaben auf

Dies muss Ihre oberste Priorität sein. Wenn lange Aufgaben den Haupt-Thread verzögern, kann er nicht umgehend auf Anfragen des Benutzers reagieren. Durch die Aufteilung kann die Leistung einer Website erheblich gesteigert werden. Dies reduziert FID und verbessert UX

12. Stoppen oder verschieben Sie die Ausführung unnötiger Skripts von Drittanbietern

Ihre eigenen Website-Skripte werden möglicherweise nicht rechtzeitig ausgeführt, wenn sie mit denen eines Dritten in Konflikt geraten. Überlegen Sie, welche Skripte für den Endbenutzer am hilfreichsten sind, und geben Sie ihnen höhere Priorität. Anzeigen- und Popup-Skripte sollten nicht ganz oben auf der Liste stehen.

Wie sich die Top-10-Domains in den USA in Bezug auf ihre Core Web Vitals schlagen, basierend auf der Searchmetrics SEO Visibility.

Alle Kennzahlen und ob die Domain die Core Web Vitals erfüllt oder nicht, werden monatlich auf Domainebene gemeldet. Im Februar 2022 dauerten 75 % aller Wikipedia-Desktop-Seitenladevorgänge weniger als 1,1 Sekunden, und die Domain erzielte sowohl beim FID (angegeben in Millisekunden) als auch beim CLS einen Wert von 0 und bestand damit die Core Web Vitals.

Die Top 10 der CWVs für Mobilgeräte basierend auf der Searchmetrics SEO Visibility-Metrik .

Wo möglich wurde eine mobile Version einer Domain verwendet. Dies hängt jedoch hauptsächlich von der CrUX-Datenerfassung ab. Ein höherer Anteil mobiler Websites erfüllt die Core Web Vitals als Desktop-Websites.

Abschluss

Core Web Vitals ist ein Game-Changer zur Verbesserung des Web-Erlebnisses für alle. Diese Messungen werden weiterhin in das Ranking-System von Google einbezogen.

Deshalb ist es wichtig, sie im Auge zu behalten, auch wenn Sie nichts Ungewöhnliches bemerken.

Um eine erfolgreiche Website am Laufen zu halten, ist die ständige Verbesserung des Benutzererlebnisses von entscheidender Bedeutung. Dank der Verfügbarkeit zahlreicher hilfreicher Tools und Plugins kann dieser Prozess viel einfacher und einfacher gestaltet werden, als es sonst der Fall wäre. Oder wenn es Ihnen entmutigend erscheint, können Sie einen Entwickler damit beauftragen, das für Sie zu erledigen.