Optimierung der Core Web Vitals für ein besseres Ranking
Core Web Vitals helfen dabei, Probleme beim Laden, bei der Reaktionsfähigkeit und bei der visuellen Stabilität zu unterscheiden. Verwenden Sie aktuelle Kennzahlen und den relevanten Datenumfang, um anschließend die tatsächlich verantwortliche Ressource oder Interaktion zu identifizieren.
LCP, INP und CLS mit aktuellen Schwellenwerten messen
Die aktuellen Kennzahlen sind Largest Contentful Paint (LCP), Interaction to Next Paint (INP) und Cumulative Layout Shift (CLS). INP hat die ältere Kennzahl First Input Delay ersetzt; Audits, die auf FID ausgerichtet sind, müssen aktualisiert werden.
Die von Google veröffentlichten Schwellenwerte für gute Werte sind LCP von 2,5 Sekunden oder weniger, INP von 200 Millisekunden oder weniger und CLS von 0,1 oder weniger. Die Bewertung basiert auf dem 75. Perzentil der beobachteten Nutzererfahrungen, wobei Mobilgeräte und Desktops separat betrachtet werden. Ein einzelner schneller Ladevorgang reicht nicht aus, um ein bestandenes Ergebnis nachzuweisen.
Verwenden Sie Felddaten, um die betroffene Seitengruppe auszuwählen
PageSpeed Insights kann bei Verfügbarkeit Felddaten und einen separaten Labortest anzeigen. Die Search Console gruppiert URLs mit ähnlichen Nutzererfahrungen in ihrem Core-Web-Vitals-Bericht. Labortests helfen bei der Diagnose von Problemen, ersetzen jedoch nicht die beobachtete Erfahrung echter Besucher.
Beginnen Sie mit einem kommerziell wichtigen Template oder einer Seitengruppe, für die ein Problem gemeldet wurde. Erfassen Sie den Felddaten-Ausgangswert, reproduzieren Sie das Problem und untersuchen Sie die relevante Anfrage oder Interaktion, bevor Sie eine Lösung auswählen.
Passen Sie die Lösung auf die Kennzahl ab
Bei schlechtem LCP untersuchen Sie das wichtigste Inhaltselement, die Serverantwort und das Laden von Ressourcen. Ein zu großes oder verzögertes Hero-Bild könnte dafür verantwortlich sein, identifizieren Sie jedoch vor dem Hinzufügen von Preloads den tatsächlichen Engpass.
Bei schlechtem INP untersuchen Sie langsame Interaktionen, langwierige Aufgaben auf dem Hauptthread und aufwendige Skripte. Bei schlechtem CLS suchen Sie nach nicht reserviertem Platz um Bilder, eingebettete Inhalte oder Banner herum. Entfernen oder passen Sie das verantwortliche Verhalten an und testen Sie anschließend die Interaktion und das Layout erneut.
Finden Sie die konkrete Ursache für eine schlechte Kennzahl
Identifizieren Sie, welche Kennzahl auf repräsentativen Seiten fehlschlägt, und untersuchen Sie deren tatsächliche Ursache. Ein großes Bild, eine langsame Interaktion und eine unerwartete Layoutverschiebung erfordern unterschiedliche Maßnahmen. Vergleichen Sie Labordiagnosen unter ähnlichen Bedingungen und überwachen Sie die verfügbaren Felddaten. Eine Bereitstellung ersetzt nicht sofort die historischen Nutzerdaten, die in einem rollierenden Bericht verwendet werden, daher überprüfen Sie die Implementierung separat.
| Zu klärende Frage | Konkrete Prüfung |
|---|---|
| LCP | Untersuchen Sie den Hauptinhalt und seinen Ladepfad. |
| INP | Untersuchen Sie langsame Interaktionen und Arbeiten auf dem Hauptthread. |
| CLS | Finden Sie nicht reservierten Platz und unerwartete Bewegungen. |
| Akzeptanz | Bewahren Sie die vollständige Kundenaktion. |
Überprüfen Sie die Nutzeraufgabe nach der Implementierung
Prüfen Sie, ob eine Leistungsänderung wesentliche Funktionen wie die Variantenauswahl, die Navigation oder den Checkout nicht beeinträchtigt hat. Die Reduzierung von Skripten ist nicht sinnvoll, wenn dadurch die Möglichkeit des Kunden, etwas zu kaufen, entfällt.
Wiederholen Sie Diagnosetests unter vergleichbaren Bedingungen und überwachen Sie die Felddaten, da diese nachfolgende Besuche widerspiegeln. Felddaten werden nicht sofort aktualisiert. Halten Sie das Bereitstellungsdatum und die betroffenen Templates im Änderungsprotokoll fest.
Weisen Sie einer Leistungsverbesserung einen expliziten erneuten Test zu
Wählen Sie eine repräsentative kommerzielle Seite und erfassen Sie das Gerät, die Bedingungen, die Kennzahl und das betroffene Verhalten. Wenn ein Hauptbild spät geladen wird, untersuchen Sie dessen Erkennung und seinen Ladepfad; wenn ein Selektor langsam reagiert, untersuchen Sie die Arbeit rund um diese Interaktion. Reservieren Sie Platz, wo unerwartete Bewegungen auftreten. Vergleichen Sie nach der Implementierung geeignete Diagnosen und überwachen Sie die verfügbaren Felddaten, ohne zu erwarten, dass sich ihr Berichtsfenster sofort zurücksetzt. Testen Sie Formulare, Varianten und den Checkout erneut, damit eine Optimierung, die eine Kennzahl verbessert, die Aufgabe nicht stillschweigend beeinträchtigt.
Verwenden Sie Core Web Vitals, um die tatsächliche Nutzbarkeit von Seiten zu verbessern
Verwenden Sie LCP, INP und CLS, um den richtigen Engpass zu untersuchen, und interpretieren Sie Felddaten und Labordaten entsprechend. Definieren Sie die Akzeptanz anhand der relevanten Leistungsänderung und der wesentlichen Funktionalität. Pflegen Sie die Arbeit, während sich die Seiten weiterentwickeln, und halten Sie dabei wettbewerbsrelevante Suchergebnisse von Kennzahlenschwellenwerten getrennt.
FAQ
1. Ist FID immer noch eine Core Web Vital?
Nein. Interaction to Next Paint hat First Input Delay ersetzt. Verwenden Sie LCP, INP und CLS in aktuellen Core-Web-Vitals-Bewertungen.
2. Garantiert ein perfekter Lighthouse-Score gute Core Web Vitals?
Nein. Lighthouse ist ein Labortest unter bestimmten Bedingungen. Die Bewertung der Core Web Vitals basiert auf Felddaten, und die Kennzahlen sowie die verfügbaren Daten unterscheiden sich.
3. Können gute Core Web Vitals höhere Rankings garantieren?
Nein. Google berücksichtigt viele Aspekte der Relevanz und Qualität. Bessere Leistung verbessert die Nutzbarkeit, garantiert aber keine Steigerung des Rankings.
4. Welches Leistungsproblem sollte ich zuerst beheben?
Priorisieren Sie ein nachgewiesenes Problem, das eine wichtige Kundenaufgabe oder Seitengruppe betrifft. Identifizieren Sie die Ursache der Kennzahl und überprüfen Sie das Ergebnis, anstatt jeden Optimierungsvorschlag anzuwenden.