Checkliste zur Behebung von Core Web Vitals
Nutzen Sie diese Checkliste zur Behebung von Core Web Vitals, um TTFB, LCP, INP und CLS zu diagnostizieren, Korrekturen nach Abhängigkeiten zu reihen und Ergebnisse anhand rollierender Felddaten zu überprüfen.
Checkliste zur Behebung von Core Web Vitals
Checkliste: Behebung von Core Web Vitals. Zeitrahmen: ein Arbeitstag zur Bestätigung des Umfangs und der Diagnose; ein bis zehn Arbeitstage für eine typische Korrektur und Veröffentlichung, je nachdem, ob die Ursache in einem Asset, einer gemeinsamen Vorlage, einem Drittanbieter-Skript, dem Origin oder einem CDN liegt. Die Feldüberprüfung folgt dem rollierenden 28-Tage-Datenfenster und wird separat eingeplant. Verantwortlicher: ein Performance-Ingenieur oder leitender Frontend-Ingenieur ist verantwortlich. Der technische SEO-Lead besitzt die Feldabnahmekriterien; Plattform-, Design-, Analyse- und Produktverantwortliche genehmigen Änderungen in ihren Systemen.
Diese Checkliste verwandelt einen diagnostizierten Performance-Befund in eine veröffentlichte, feldverifizierte Korrektur. Core Web Vitals sind Googles Metriken für echte Nutzer zur Messung von Ladegeschwindigkeit, Reaktionsfähigkeit und visueller Stabilität: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) und Cumulative Layout Shift (CLS). Time to First Byte (TTFB) und First Contentful Paint (FCP) sind unterstützende Diagnosemetriken. Sie sind enthalten, weil eine langsame Antwort oder ein leerer Bildschirm die Zeit verbraucht, die für ein gutes LCP zur Verfügung steht.
Warum diese Checkliste und warum hier
Diese Checkliste verarbeitet das Behebungsregister aus dem Performance- und Core-Web-Vitals-Audit . Diese frühere Phase identifiziert die fehlgeschlagene Metrik, die betroffene URL und Vorlage, die Basislinie der echten Nutzer, die wiederholbaren Laborbedingungen, die vermutete Ursache, die Priorität und den Verantwortlichen. Die Behebung beginnt erst, nachdem diese Felder existieren. Andernfalls wird ein Entwickler gebeten, „die Seite schneller zu machen" und wird natürlicherweise das ändern, was ein Tool zuerst hervorhebt, unabhängig davon, ob es die Feld-Fehlfunktion verursacht.
Die Diagnose muss vor der Aktion drei Ebenen eingrenzen: welche Metrik, welche Vorlage und welches Element oder welche Aufgabe. Ein origin-weiter TTFB-Fehler benötigt eine Plattformkorrektur; LCP, das nur auf Artikel-Seiten fehlschlägt, kann von deren Hero-Komponente stammen; INP nach dem Öffnen eines Produktfilters kann von einem einzigen Event-Handler kommen; CLS auf Werbeseiten kann von einem nicht reservierten Banner stammen. Diese als ein Problem zu behandeln, führt zu breiten Änderungen und unklarer Zuständigkeit.
Die Reihenfolge ist innerhalb der Korrektur wichtig. TTFB ist vorgelagert: Bis das erste Antwortbyte eintrifft, kann der Browser keine normalen HTML-Ressourcen entdecken oder Seiteninhalte darstellen. Wenn TTFB schlecht ist, beheben Sie die Antwortgenerierung, das Caching, Weiterleitungen und die Edge-Auslieferung, bevor Sie das LCP-Bild komprimieren. Nachdem die Antwortzeit innerhalb des Budgets liegt, arbeiten Sie sich durch die Ressourcenentdeckung, den Ressourcendownload, das Rendering, Interaktionen und die Layout-Stabilität vor.
Das Überspringen dieser Checkliste belässt das Audit als Bericht. Die Anwendung vor der Diagnose führt zur Symptomjagd: Komprimieren eines Bildes, wenn die späte Entdeckung dominiert, oder Verzögern von Skripten, wenn der Origin langsam ist.
Eingaben und Ausgaben
Die Ausgaben ermöglichen es einem zukünftigen Verantwortlichen, den Fehler zu reproduzieren, zu identifizieren, was ausgeliefert wurde, und die Laborabnahme von der Feldbestätigung zu unterscheiden.
| Richtung | Element | Warum es benötigt wird | Abnahmebedingung |
|---|---|---|---|
| Eingabe | Diagnostizierter Befund | Verhindert generische Optimierung und weist ein messbares Problem zu. | Benennt Metrik, p75-Feldwert und -Fenster, URL-/Origin-Ebene, Vorlage, verdächtiges Element oder Aufgabe, Schweregrad und Verantwortlichen. |
| Eingabe | Repräsentative Testmatrix | Stellt sicher, dass die Korrektur die tatsächliche Seitenvariation abdeckt. | Enthält eine typische und eine schwere URL pro betroffener Vorlage, relevantes Gerät, Geografie, Einwilligungs-/Anmeldestatus und Kalt-/Warm-Cache-Zustand. |
| Eingabe | Wiederholbarer Laborbeleg | Ermöglicht sofortigen Vergleich. | Enthält Tool-Version, Testprofil, Trace oder Wasserfalldiagramm, wiederholte Ausführungen als Basislinie sowie das identifizierte LCP-Element, die lange Aufgabe, die Verschiebungsquelle oder den langsamen Antwortzeitraum. |
| Eingabe | Release-Rahmenbedingungen | Verhindert, dass eine Performance-Änderung stillschweigend Umsatz, Einwilligung, Analysen, Design oder Barrierefreiheit beeinträchtigt. | Listet erforderliches Verhalten, Drittanbieter-Verpflichtungen, Rollback-Verantwortlichen, Release-Fenster und geschützte Nutzerpfade auf. |
| Ausgabe | Implementierte Behebung | Dokumentiert die kleinste Änderung, die die diagnostizierte Ursache im gesamten Umfang beseitigt. | Verknüpft Änderungs- und Release-Identifikatoren mit dem Befund und gibt betroffene Vorlagen, Komponenten, Infrastruktur und Konfiguration an. |
| Ausgabe | Paket zur sofortigen Abnahme | Belegt, dass das Release funktioniert, bevor Felddaten nachkommen. | Enthält Produktionsprüfungen, wiederholte Laborergebnisse, Anforderungszuverlässigkeit, Tests kritischer Nutzerpfade, Regressionsergebnisse und Release-Anmerkung. |
| Ausgabe | Feldverifizierungsdokument | Stellt das Ergebnis der echten Nutzer fest. | Dokumentiert vergleichbare CrUX-Ebene, p75-Metrik, rollierendes Fenster, Umfang, Schwellenwert, Einschränkungen, Entscheidung, Verantwortlichen und Datum. |
| Ausgabe | Monitoring-Übergabe | Verhindert, dass ein erneutes Auftreten ein neues Audit erfordert. | Definiert Alarm- oder Prüfschwellenwert, Dashboard, Rhythmus, zuständigen Verantwortlichen und Wiedereröffnungsregel. |
Die Checkliste
Erledigen Sie die Punkte 1–4, bevor Sie die Produktion ändern. Die Punkte 5–8 setzen die nach Abhängigkeiten geordnete Korrektur um. Die Punkte 9–11 trennen die sofortige Release-Abnahme von der Feldüberprüfung.
1. Die fehlgeschlagene Metrik, Vorlage und das Element festlegen
Was: Reduzieren Sie den Befund auf eine Metrik, die betroffenen Vorlagensatz und ein benanntes Element, eine Anforderung, Aufgabe oder Serverspanne. Warum: Ein seitenweiter Score identifiziert keine auslieferbare Arbeit, und zwei URLs können aus unterschiedlichen Gründen fehlschlagen. Wie: Verknüpfen Sie den p75-Fehler mit Traces und vergleichen Sie betroffene und nicht betroffene Vorlagen; benennen Sie das LCP-Element und die Verzögerung, die INP-Interaktion und -Aufgabe, das CLS-Element und den Auslöser oder den TTFB-Anforderungspfad und Cache-Status. Tool: CrUX-Belege, Browser-Trace, Wasserfalldiagramm, Server-Timing, Vorlageninventar und Issue-Tracker. Erledigt, wenn: Belege unterstützen, dass „Metrik X auf Vorlage Y fehlschlägt, weil Z unter Bedingung C eine Verzögerung oder Bewegung verursacht."
2. Umfang mit repräsentativen Seiten bestätigen
Was: Testen Sie den Befund auf einer typischen und einer Worst-Case-URL für jede betroffene Vorlage sowie einer nicht betroffenen Kontrolle. Warum: Eine Ein-Seiten-Korrektur kann einen gemeinsamen Fehler verbergen, während eine globale Änderung unnötig sein kann, wenn eine Inhaltsvariante das Problem verursacht. Wie: Halten Sie Gerät, Netzwerk, Standort, Einwilligung, Anmeldung und Cache-Bedingungen konstant; vergleichen Sie die Komponentennutzung, das Asset-Gewicht, das Antwort-Timing, die Drittanbieter-Aktivität und die Inhaltslänge. Tool: Analysen, Vorlageninventar, Browser-Performance-Tools, Anforderungsmonitor und eine Testmatrix. Erledigt, wenn: Jede im Umfang befindliche Vorlage als betroffen oder Kontrolle markiert ist, jede wiederholbare Belege hat und der Release-Umfang die Komponente, Route, Asset-Familie oder Plattformebene benennt, die geändert werden muss.
3. Budget festlegen und erforderliches Verhalten schützen
Was: Definieren Sie das numerische Ziel, Regressions-Leitplanken und Funktionen, die erhalten bleiben müssen. Warum: „Schneller" hat keine Abnahmegrenze, und das Löschen eines Consent-Managers, Analyse-Tags, einer barrierefreien Fokus-Funktion oder Produktfunktion kann einen irreführenden Bestehen-Status erzeugen. Wie: Setzen Sie das Ziel anhand der Entscheidungstabelle unten, fügen Sie einen strengeren internen Puffer hinzu, wo wiederholte Tests variieren, und listen Sie kritische Nutzerpfade und Nicht-Zielmetriken zum erneuten Testen auf. Tool: Befundsregister, Produktanforderungen, Analyseplan, Barrierefreiheitsprüfungen und Performance-Budget. Erledigt, wenn: Das Ticket Zielmetrik und -wert, Laborabnahmemethode, Feldabnahmemethode, geschütztes Verhalten, erlaubte Kompromisse, Rollback-Bedingung und benannte Genehmiger angibt.
4. TTFB vor Frontend-Arbeit prüfen
Was: Messen Sie TTFB unter kalten und warmen Cache-Bedingungen von für das Publikum relevanten Standorten aus. Warum: TTFB ist in jeder nachfolgenden Darstellungszeit enthalten; Frontend-Arbeit kann die beim Warten auf HTML bereits verbrachte Zeit nicht zurückgewinnen. Wie: Unterteilen Sie die Anforderung in DNS, Verbindung, Weiterleitungen, CDN-Wartezeit, Origin-Berechnung, Datenbank- oder vorgelagerte API-Zeit sowie Streaming-Verhalten, wo die Instrumentierung dies erlaubt. Vergleichen Sie Cache-Treffer- und -Fehlschlag-Antworten und bestätigen Sie, dass Personalisierung oder Cookies das Caching nicht unerwartet deaktivieren. Tool: Anforderungs-Wasserfalldiagramm, Server-Timing, CDN- und Origin-Logs, Anwendungsprofilierung und synthetisches Anforderungsmonitoring. Erledigt, wenn: TTFB innerhalb des vereinbarten Budgets liegt oder ein separater blockierender Plattformbefund zugewiesen und eingeplant ist. Beginnen Sie nicht mit LCP-Verbesserungen, während ein schlechtes TTFB ungeklärt bleibt.
5. Zuerst Server- und Auslieferungsverzögerungen beseitigen
Was: Korrigieren Sie langsame Origin-Antworten, Cache-Fehlschläge, Weiterleitungen oder entfernte Auslieferung. Warum: Diese Ursachen verzögern jedes Element und betreffen oft mehrere Vorlagen. Wie: Entfernen Sie vermeidbare Weiterleitungen; cachen Sie sichere HTML- und Dateninhalte; reduzieren Sie langsame Datenbank- oder API-Arbeiten; verlagern Sie Arbeit aus dem kritischen Pfad; optimieren Sie CDN-Routing und Cache-Keys. Cachen Sie niemals private Antworten ohne genehmigtes Design. Tool: Anwendungsprofiler, Abfrage-Traces, CDN-Konfiguration, Antwort-Header, Monitoring und Lasttests. Erledigt, wenn: Wiederholte Kalt- und Warmtests das Budget einhalten, Cache-Varianten korrekt bleiben, Fehler nicht zunehmen und Prioritäts-URLs die vorgesehene Antwort ohne zusätzlichen Hop zurückgeben.
6. LCP-Entdeckungs-, Übertragungs- und Renderverzögerung beheben
Was: Verkürzen Sie Largest Contentful Paint , wenn das größte sichtbare Bild oder der Textblock gerendert wird. Warum: Überdimensionierte Hero-Bilder sind häufig, aber späte Entdeckung, niedrige Priorität, blockierendes CSS, JavaScript oder Schriftarten können dominieren. Wie: Liefern Sie ein korrekt dimensioniertes responsives Bild; laden Sie das LCP-Asset oberhalb des Falzes nicht lazy; stellen Sie es im initialen HTML bereit; priorisieren oder preloaden Sie es nur mit Belegen; entfernen Sie render-blockierende Elemente; verwenden Sie geteilte, cachebare Schriftarten mit geeigneten Fallbacks. Tool: LCP-Aufschlüsselung, Wasserfalldiagramm, Bildinspektion, Coverage-Bericht, Trace und visueller Vergleich. Erledigt, wenn: Das beabsichtigte LCP-Element konsistent ist, seine dominante Verzögerung sinkt, repräsentative Seiten das Budget einhalten und Bandbreite, Textsichtbarkeit und Rendering nicht verschlechtert werden.
7. INP an der verantwortlichen Interaktion beheben
Was: Reduzieren Sie die Interaktion, die für schlechtes Interaction to Next Paint verantwortlich ist, die Metrik für Reaktionsfähigkeit. Warum: Das willkürliche Löschen von JavaScript muss nicht das langsame Ereignis betreffen. Wie: Trennen Sie Eingabe-, Verarbeitungs- und Darstellungsverzögerung; unterbrechen Sie lange Aufgaben; entfernen Sie synchrone Arbeit; verschieben Sie nicht essenzielle Drittanbieter; vermeiden Sie wiederholtes Layout; reduzieren Sie Neu-Renderings; geben Sie für Paint den Hauptthread frei. Testen Sie auf realistischer Hardware mit produktiven Drittanbietern. Tool: Interaktions-Trace, Hauptthread-Profil, Long-Task-Einträge, Framework-Profiler und realistisches Gerät. Erledigt, wenn: Kritische Interaktionen funktionieren, die verantwortliche Aufgabe das Budget des wiederholten Tests einhält, der Feld-Proxy dokumentiert ist und Analyse-, Consent-, Tastatur- und Screenreader-Verhalten nicht verschlechtert werden.
8. CLS durch Reservieren des endgültigen Layouts beheben
Was: Verhindern Sie Bewegungen, die zu Cumulative Layout Shift
beitragen, dem Score für visuelle Instabilität. Warum: Bilder, Schriftarten, Anzeigen, Banner, Embeds und asynchrone Komponenten können alle die Benutzeroberfläche verschieben. Wie: Setzen Sie intrinsische Abmessungen oder aspect-ratio; reservieren Sie Slots für dynamische Module; verwenden Sie kompatible Schriftart-Fallbacks; animieren Sie mit Transforms. Tool: Layout-Shift-Regionen, Trace, Filmstreifen, visuelle Regressionstests und gedrosselter Browser. Erledigt, wenn: Jeder materielle Shift-Cluster eine benannte Quelle hat, Seiten das CLS-Budget während des Ladens und kritischer Interaktionen einhalten und reservierter Raum keine Steuerelemente verdeckt.
9. Den gesamten Metriksatz und geschützte Nutzerpfade erneut testen
Was: Vergleichen Sie den Release-Kandidaten mit der eingefrorenen Basislinie unter identischen Bedingungen und testen Sie dann in der Produktion. Warum: Die Verbesserung einer Metrik kann eine andere beeinträchtigen: Das Verschieben von JavaScript kann LCP verbessern, aber die erste Interaktion verschlechtern, während eine aggressive Schriftartenänderung die Darstellungszeit verbessern, aber Layoutverschiebungen erzeugen kann. Wie: Führen Sie mehrere kontrollierte Durchläufe durch, vergleichen Sie eine deklarierte Statistik anstelle des besten Durchlaufs, inspizieren Sie Traces, führen Sie geschützte Nutzerpfade aus, prüfen Sie die Richtigkeit der Antwort und testen Sie betroffene und Kontrollvorlagen. Tool: Lighthouse oder ein gleichwertiger Labor-Runner, Browser-Performance-Tools, Anforderungsmonitor, visuelle und funktionale Tests sowie eine Release-Checkliste. Erledigt, wenn: Die Zielmetrik ihr Labor-Budget über die deklarierte Methode der wiederholten Durchläufe einhält, TTFB/FCP/LCP/INP/CLS keine kritische Regression zeigen, geschütztes Verhalten bestanden wird, die Produktion die beabsichtigte Änderung ausliefert und das Rollback nicht ausgelöst wurde.
10. Release annotieren und Feldüberprüfung einplanen
Was: Dokumentieren Sie den Bereitstellungszeitstempel, den geänderten Umfang, die Zielmetrik, die erwartete Richtung und die Daten der Feldüberprüfung. Warum: CrUX verwendet ein rollierendes 28-Tage-Fenster, sodass Erfahrungen vor dem Release nach der Bereitstellung noch im gemeldeten p75 enthalten sind. Ohne Annotation könnte das Team eine gute Korrektur zu früh als ineffektiv bezeichnen oder eine spätere Veränderung dem falschen Release zuschreiben. Wie: Hängen Sie die Produktionsversion an den Befund an, prüfen Sie sofort Fehler, dokumentieren Sie frühe Feldmessungen, ohne sie als endgültig zu behandeln, und planen Sie einen Verantwortlichen ein, um ein ausreichend aktualisiertes Fenster zu überprüfen. Tool: Bereitstellungslog, Issue-Tracker, CrUX, AmICited Web Vitals und Monitoring. Erledigt, wenn: Das Ticket als Labor akzeptiert markiert ist, die Release-Annotation und die sofortigen Belege angehängt sind und ein benannter Verantwortlicher sowie ein Kalenderdatum für die Feldüberprüfung existieren.
11. Gegen Felddaten prüfen und schließen oder wiedereröffnen
Was: Vergleichen Sie gleichartige p75-Felddaten, nachdem das rollierende Fenster ausreichend aktualisiert wurde. Warum: Echte Nutzergeräte, Netzwerke, Geografie, Cache-Verhalten, Einwilligungszustände und Interaktionen können nicht durch einen einzigen Labordurchlauf abgebildet werden. Wie: Verwenden Sie dieselbe CrUX-Ebene – URL oder Origin – dieselbe Metrik und einen vergleichbaren Zielgruppenumfang; berücksichtigen Sie die teilweise Ausbringung und andere Releases; inspizieren Sie Vorlagenvertreter, anstatt sich nur auf einen Origin-Aggregatwert zu verlassen. Wenn das Ergebnis nicht erreicht wird, vergleichen Sie den aktuellen Trace mit der ursprünglichen Ursachenbeschreibung und eröffnen Sie die Diagnose neu, anstatt unzusammenhängende Anpassungen zu stapeln. Tool: AmICited Web Vitals, CrUX-Verlauf, Release-Annotationen, Analyse-Segmente und das Belegpaket. Erledigt, wenn: Das Ziel den vereinbarten p75-Schwellenwert und -Umfang mit dokumentierten Einschränkungen erreicht, woraufhin der Status zu Feldverifiziert wechselt; oder das Ticket wird explizit mit neuen Belegen, einem Verantwortlichen und der nächsten Hypothese wiedereröffnet.
Tools in AmICited
Öffnen Sie AmICited Web Vitals , um LCP, INP, CLS, FCP und TTFB aus CrUX für Ihre Domain und verfolgte Wettbewerber anzuzeigen. Nutzen Sie es bei der Diagnose, um die Feldbasislinie zu erfassen, und nach der Bereitstellung, um das rollierende Feldergebnis zu überprüfen. Ein leerer Wert bedeutet unzureichende berechtigte Felddaten, nicht null und nicht bestanden. Die Produktansicht unterstützt das Urteil; Traces, Server-Timing und Browser-Profile identifizieren weiterhin die Ursache.
Nutzen Sie Performance Impact , um Performance-Belege auf Seitenebene mit der Zitationsposition zu verknüpfen und wertvolle langsame Seiten zu identifizieren. Diese Zuordnung hilft bei der Priorisierung von Behebungen, beweist aber nicht, dass Performance allein ein Zitationsergebnis verursacht hat. Bewahren Sie Relevanz, Inhalt, Autorität und Release-Kontext bei der Interpretation von Veränderungen.
Für den Produkt-Workflow folgen Sie So überprüfen Sie Ihre Core Web Vitals in AmICited . Das Tutorial erklärt, wo die Metriken erscheinen und wie Wettbewerbsvergleiche funktionieren; diese Checkliste regelt Diagnose, Implementierung und Abnahme.
Entscheidungsregeln: Was „schlecht" bedeutet
Verwenden Sie das 75. Perzentil, abgekürzt p75, für Feldentscheidungen: 75 % der berechtigten aufgezeichneten Erfahrungen liegen bei oder unter diesem Wert. Ein Grenzwert gehört zum besseren Bereich. LCP, INP und CLS bestimmen den Core-Web-Vitals-Status; TTFB und FCP sind unterstützende Maße, die zur Sequenzierung und Diagnose der Arbeit verwendet werden.
| Metrik | Gut | Verbesserungsbedürftig | Schlecht | Behebungsregel |
|---|---|---|---|---|
| TTFB | ≤ 800 ms | > 800–1.800 ms | > 1.800 ms | Beheben Sie eine schlechte Antwortauslieferung vor Frontend-Darstellungsarbeit; untersuchen Sie jedes verbesserungsbedürftige TTFB, das das LCP-Budget verbraucht. |
| FCP | ≤ 1,8 s | > 1,8–3,0 s | > 3,0 s | Vergleichen Sie mit TTFB; entfernen Sie dann render-blockierende oder clientseitige Verzögerungen durch leeren Bildschirm. |
| LCP | ≤ 2,5 s | > 2,5–4,0 s | > 4,0 s | Unterteilen Sie die Zeit in TTFB-, Entdeckungs-, Übertragungs- und Renderverzögerung; beheben Sie die größte belegte Komponente. |
| INP | ≤ 200 ms | > 200–500 ms | > 500 ms | Profilieren Sie die tatsächliche langsame Interaktion; reduzieren Sie deren Eingabe-, Verarbeitungs- oder Darstellungsverzögerung. |
| CLS | ≤ 0,10 | > 0,10–0,25 | > 0,25 | Benennen Sie die Verschiebungsquelle und reservieren oder stabilisieren Sie deren endgültiges Layout während des Besuchs. |
Wenden Sie diese Regeln in der Reihenfolge an:
- Ein Timeout, Serverfehler, eine falsche Antwort oder ein unterbrochener kritischer Nutzerpfad blockiert das Release unabhängig vom Metrik-Score.
- Ein schlechtes TTFB ist LCP vorgelagert und wird zuerst behoben. Beanspruchen Sie keine reine Bildlösung, während der Server bereits den Großteil des Darstellungsbudgets verbraucht hat.
- Schlechte Feldmetriken haben Vorrang vor verbesserungsbedürftigen Metriken. Innerhalb eines Bereichs priorisieren Sie gemeinsame Vorlagenursachen, Traffic und geschäftskritische Nutzerpfade.
- Ein leerer URL-Ebene-Feldwert ist unbekannt. Verwenden Sie Laborbelege und einen dokumentierten Proxy, aber bezeichnen Sie unbekannt nicht als gut.
- Ein einziger bestandener Labordurchlauf ist unzureichend. Deklarieren Sie das Geräte-/Netzwerkprofil und die Methode der wiederholten Durchläufe vor dem Testen.
- Eine Korrektur ist Labor akzeptiert, wenn das bereitgestellte Verhalten und kontrollierte Tests bestanden werden. Sie ist Feldverifiziert erst, nachdem vergleichbare rollierende Felddaten den vereinbarten Schwellenwert erreichen.
- Wenn Origin-Daten bestanden werden, aber eine stark frequentierte Vorlage fehlschlägt, gewinnt das Vorlagenergebnis für diesen Umfang. Eine Aggregation darf kein konzentriertes Nutzerproblem auslöschen.
Ergebnis: das Behebungs- und Verifizierungspaket
Übergeben Sie ein Ticket oder einen Registereintrag pro Grundursache, mit Unterbereichen, wenn eine Ursache mehrere Vorlagen betrifft. Verwenden Sie eine Tabelle, einen Issue-Tracker oder ein technisches Dokument, bewahren Sie aber diese Felder:
Befund-ID und primäre Metrik:
Feldquelle: URL | Origin
Feld-p75, Bereich und 28-Tage-Fenster:
Betroffene Vorlagen und repräsentative URLs:
Kontrollvorlage und -URL:
Element, Interaktion, Anforderung oder Serverspanne:
Ursachenbeschreibung und Beleglinks:
Laborprofil und wiederholte Durchläufe als Basislinie:
Ziel, Leitplanken und geschützte Nutzerpfade:
Gewählte Behebung und abgelehnte Alternativen:
Technischer Verantwortlicher, Genehmiger und Abhängigkeiten:
Release-/Versions-ID und Bereitstellungszeitstempel:
Sofortige Produktions- und Laborergebnisse:
CrUX-Feldüberprüfungs-Verantwortlicher und -Datum:
Vergleichbares Feldergebnis und Einschränkungen:
Monitoring-Schwellenwert und Wiedereröffnungsregel:
Status: Offen | In Implementierung | Labor akzeptiert | Feldverifiziert | Wiedereröffnet | Akzeptiertes Risiko
Fügen Sie Traces, Wasserfalldiagramme, Serverspannen, Verschiebungsaufzeichnungen, Interaktionsprofile, Testergebnisse und die Release-Annotation bei. Akzeptiertes Risiko benötigt Umfang, Grund, Genehmiger, Ablaufdatum und Monitoring-Auslöser; es ist kein Bestehen.
Das Paket gilt als angenommen, wenn ein anderer Ingenieur das ursprüngliche Problem reproduzieren, identifizieren kann, warum diese Änderung es adressiert, bestätigen kann, was in der Produktion angekommen ist, und den Feldvergleich wiederholen kann, ohne den ursprünglichen Untersucher bitten zu müssen, die Arbeit zu rekonstruieren.
Was schiefgeht
Optimieren, bevor die Ursache isoliert wird. Generische Komprimierung und Skriptlöschung ersetzen die Diagnose. Fordern Sie zuerst Belege für Metrik-Vorlage-Element.
Das Hero-Bild komprimieren, während der Origin langsam ist. Ein kleineres Bild kann nicht gerendert werden, bevor HTML eintrifft. Messen und beheben Sie TTFB zuerst, wenn es außerhalb des Budgets liegt.
Die falsche Verschiebung beheben. CLS kann von einer Anzeige, einem Consent-Banner, einer Schriftart, einem Embed oder einer hydrierten Komponente stammen. Benennen Sie die Verschiebungsquelle.
Jedes Skript verzögern. Unterschiedsloses Verzögern kann die Consent-Reihenfolge, Analysen, Navigation, Formulare oder die erste Interaktion stören. Ändern Sie den verantwortlichen Ausführungspfad und testen Sie das erforderliche Verhalten auf Regressionen.
Eine URL nach einem Release mit gemeinsamer Vorlage überprüfen. Das ausgewählte Beispiel kann bestehen, während eine schwerere Inhaltsvariante oder eine andere Komponentenkonfiguration weiterhin fehlschlägt. Testen Sie typische, schwere und Kontrollseiten.
Origin-Ebene-Daten als Vorlagen-Bestehen lesen. Gesunde Seiten mit hohem Volumen können eine schwache Kategorie, Artikel- oder Produktvorlage überdecken. Halten Sie Diagnose und Abnahme auf dem engsten zuverlässigen Umfang.
Am Tag der Bereitstellung schließen. Sofortige Tests stellen die Laborabnahme fest. Sie ersetzen nicht das rollierende Felddatenfenster.
28 Tage warten, um ein kaputtes Release zu entdecken. Die Feldbestätigung braucht Zeit, aber Statuscodes, Fehler, Nutzerpfade, visuelle Stabilität und kontrollierte Metriken werden sofort überprüft. Rollierende Daten sind keine Ausrede, um die Release-QA zu überspringen.
Nächste Phase: kontinuierliches Monitoring und Iteration
Übergeben Sie den Feldverifizierungsnachweis, die Release-Annotation, die betroffenen Vorlagen, Einschränkungen und Schwellenwerte an die kontinuierliche Aktualisierung und Iteration . Sie benötigt eine stabile Basislinie, damit spätere Änderungen an Inhalten, Medien, Vorlagen, Kampagnen und Drittanbietern verglichen werden können, anstatt als unerklärte Bewegung wiederentdeckt zu werden.
Der nächste Verantwortliche dokumentiert, wer welche Schwellenwerte überwacht, wo die Belege leben, wie oft sie überprüft werden und was eine Behebung wiedereröffnet. Eine neu schlechte Metrik, ein wiederholter verbesserungsbedürftiger Trend über das vollständig aktualisierte Fenster, ein geändertes LCP-Element, eine neue langsame Interaktion oder ein Vorlagenrelease, das den diagnostizierten Pfad verändert, sollte die Checkliste bei Punkt 1 wiedereröffnen. Wiederholen Sie nicht automatisch die vorherige Korrektur: Dieselbe Metrik kann nach einem Redesign aufgrund eines anderen Elements fehlschlagen.
Die Übergabe ist abgeschlossen, wenn der Feldstatus explizit ist, jede akzeptierte Einschränkung einen Verantwortlichen und ein Überprüfungsdatum hat und das Monitoring eine Regression mit einer Vorlage und einem Release verbinden kann. Wenn die Feldüberprüfung noch aussteht, erhält der nächste Verantwortliche das geplante Überprüfungsdatum und das Ticket bleibt Labor akzeptiert, nicht geschlossen.
FAQ
Häufig gestellte Fragen zur Behebung von Core Web Vitals
Sollten wir TTFB vor LCP beheben?
Warum hat sich Lighthouse verbessert, während unsere Core Web Vitals immer noch nicht bestehen?
Wie viele Vorlagen sollte eine Behebung abdecken?
Was ist, wenn eine URL keine CrUX-Felddaten hat?
Wann kann ein Ticket zur Behebung geschlossen werden?
Weitere Tutorials in diesem Bereich
Bereit, es in die Praxis umzusetzen?
Kostenlose Prüfung · 7 Tage testen · keine Kreditkarte