Core Web Vitals Annotaties in Chrome met OffiDocs

PRODUCTBESCHRIJVING

Deze extensie plaatst annotaties op uw website om paginakenmerken te markeren die van invloed waren op de prestatiestatistieken van Core Web Vitals, First Input Delay (FID), Largest Contentful Paint (LCP) en Cumulative Layout Shift (CLS).

Het rapporteert ook de Core Web Vitals-statistieken voor de pagina, met behulp van de door Google aanbevolen kleurgecodeerde drempels.

Er worden twee soorten annotaties over elementen van een webpagina gelegd: 1. Elementen met een lay-outverschuiving en die hebben bijgedragen aan de cumulatieve lay-outverschuivingsscore.

Afhankelijk van de ernst van de verschuiving, krijgen de annotaties een kleurcode van de laagste impact tot de hoogste - geel -> oranje -> donkeroranje -> rood.

In de linkerbovenhoek van elke annotatie vindt u de shiftscore.

2. Het element met de grootste inhoudskleur wordt gemarkeerd met een gestippelde paarse annotatie.

Het bevat de verftijd in de linkerbovenhoek van de annotatie.

De extensie-pop-up zou een raster moeten openen met de FID-, LCP- en CLS-metrische timings.

Onderaan de pop-up bevindt zich een knop om de annotaties van de website te verwijderen.

Met uitzondering van de Largest Contentful Paint, worden de Core Web Vitals-statistieken door de gebruiker geïnitieerd.

Let op het volgende wanneer u de plug-in gebruikt en uw website debugt: - De eerste invoervertraging wordt vastgelegd nadat een gebruiker op een toets op de webpagina klikt of tikt.

Als u de extensie opent vóór een van die acties, zult u merken dat de metriek ontbreekt in het raster.

Om de eerste invoervertraging te krijgen, sluit u de extensie, voert u een gebruikersactie uit op de pagina en opent u deze opnieuw.

- Cumulatieve lay-outverschuiving is een opeenstapeling van verschuivingen op de pagina.

Terwijl u door de pagina scrolt, ziet u mogelijk extra verschuivingen en voegt de extensie dynamisch nieuwe annotaties toe.

Het pop-upraster dat de totale score rapporteert, zal ook toenemen naarmate er meer diensten worden toegevoegd.

- Cumulatieve lay-outverschuivingsannotaties markeren een element dat is verplaatst, **niet het element dat de verschuiving heeft veroorzaakt**.

Als een advertentie bijvoorbeeld laat op de pagina wordt geladen, kunnen sommige elementen eronder naar beneden worden geduwd, waardoor er een verschuiving ontstaat.

De elementen onder de advertentie worden waarschijnlijk gemarkeerd, en mogelijk ook de advertentie.

- Gezien het advertentievoorbeeld hierboven, kunnen meerdere elementen op de pagina zijn verschoven nadat de advertentie is geladen.

In dat geval wordt slechts één shiftscore geregistreerd, maar worden alle betrokken elementen gemarkeerd met een annotatie.

In dit geval zou u een pijl (↳) moeten zien naast de geannoteerde verschuivingsscore die een groepering van elementen aangeeft die samen zijn verschoven.

Extra informatie:

- Aangeboden door delambo
- Gemiddelde beoordeling: 5 sterren (vond het geweldig)
- Ontwikkelaar Dit e-mailadres is beschermd tegen spambots. U heeft Javascript nodig om het te kunnen zien.

Kern Web Vitals Annotaties web extension geïntegreerd met de OffiDocs Chromium online.