Anmerkungen zu Core Web Vitals in Chrome mit OffiDocs

BESCHREIBUNG

Diese Erweiterung überlagert Ihre Website mit Anmerkungen, um Seitenattribute hervorzuheben, die sich auf die Leistungsmetriken von Core Web Vitals, First Input Delay (FID), Largest Contentful Paint (LCP) und Cumulative Layout Shift (CLS), ausgewirkt haben.

Außerdem werden die Core Web Vitals-Metriken für die Seite gemeldet, wobei die von Google empfohlenen farbcodierten Schwellenwerte verwendet werden.

Den Elementen einer Webseite werden zwei Arten von Anmerkungen überlagert: 1. Elemente, die eine Layoutverschiebung aufwiesen und zur Bewertung der kumulativen Layoutverschiebung beitrugen.

Abhängig von der Schwere der Verschiebung werden die Anmerkungen von der geringsten bis zur höchsten Auswirkung farblich gekennzeichnet: Gelb -> Orange -> Dunkelorange -> Rot.

In der oberen linken Ecke jeder Anmerkung finden Sie den Schichtwert.

2. Das Element mit der größten Inhaltsfarbe wird mit einer gestrichelten violetten Anmerkung hervorgehoben.

Die Malzeit wird in der oberen linken Ecke der Anmerkung angezeigt.

Das Erweiterungs-Popup sollte ein Raster mit den FID-, LCP- und CLS-Metrik-Timings öffnen.

Unten im Popup befindet sich eine Schaltfläche zum Entfernen der Anmerkungen von der Website.

Mit Ausnahme des Largest Contentful Paint werden die Core Web Vitals-Metriken vom Benutzer initiiert.

Beachten Sie Folgendes, wenn Sie das Plugin verwenden und Ihre Website debuggen: – Die erste Eingabeverzögerung wird erfasst, nachdem ein Benutzer auf der Webseite auf eine Taste geklickt oder darauf getippt hat.

Wenn Sie die Erweiterung vor einer dieser Aktionen öffnen, werden Sie feststellen, dass die Metrik im Raster fehlt.

Um die erste Eingabeverzögerung zu erhalten, schließen Sie die Erweiterung, führen Sie eine Benutzeraktion auf der Seite durch und öffnen Sie sie dann erneut.

- Bei der kumulativen Layoutverschiebung handelt es sich um eine Anhäufung von Verschiebungen auf der Seite.

Wenn Sie durch die Seite scrollen, sehen Sie möglicherweise weitere Verschiebungen und die Erweiterung fügt dynamisch neue Anmerkungen hinzu.

Das Popup-Raster, das die Gesamtpunktzahl meldet, wird ebenfalls größer, wenn mehr Schichten anfallen.

- Anmerkungen zur kumulativen Layoutverschiebung heben ein Element hervor, das sich verschoben hat, **nicht das Element, das die Verschiebung verursacht hat**.

Wenn eine Anzeige beispielsweise zu spät auf der Seite geladen wird, werden möglicherweise einige Elemente darunter nach unten verschoben, was zu einer Verschiebung führt.

Die Elemente unter der Anzeige werden wahrscheinlich hervorgehoben, möglicherweise auch die Anzeige.

- Angesichts des Anzeigenbeispiels oben wurden möglicherweise mehrere Elemente auf der Seite verschoben, nachdem die Anzeige geladen wurde.

In diesem Fall wird zwar nur eine Schichtpartitur erfasst, aber alle betroffenen Elemente werden mit einer Anmerkung hervorgehoben.

In diesem Fall sollten Sie neben der kommentierten Verschiebungsbewertung einen Pfeil (↳) sehen, der eine Gruppierung von Elementen kennzeichnet, die sich gemeinsam verschoben haben.

Zusätzliche Information:

- Angeboten von delambo
- Durchschnittliche Bewertung: 5 Sterne (liebte es)
- Entwickler Diese E-Mail-Adresse ist gegen Spambots geschützt. Sie müssen JavaScript aktivieren, damit Sie sie sehen können.

Core Web Vitals Annotations Web extension integriert mit den OffiDocs Chromium Online