Webvitalen in Chrome met OffiDocs

BESCHRIJVING:

Voer de Chrome online webwinkel-extensie Web Vitals uit met OffiDocs Chromium online.

Web Vitals zijn kwaliteitssignalen die essentieel zijn voor het leveren van geweldige UX op internet (https://web.

dev/vitals).

Deze extensie meet de Core Web Vitals en biedt directe feedback over de statistieken over laden, interactiviteit en lay-outverschuiving.

Het komt overeen met de manier waarop deze statistieken worden gemeten door Chrome en gerapporteerd aan andere Google-tools (bijv.

g.

Chrome-gebruikerservaringrapport, inzichten in paginasnelheid, Search Console).

De extensie omvat: Grootste inhoudsvolle verf Cumulatieve lay-outverschuiving Eerste invoervertraging Interactie naar volgende verf (experimenteel) De extensie biedt drie kernfuncties: 1) Ambient Badge - Dit helpt bij het controleren of een pagina de Core Web Vitals-drempels overschrijdt.

Na installatie geeft de extensie een uitgeschakeld statusbadgepictogram weer totdat u naar een URL navigeert.

Op dit punt wordt de badge bijgewerkt naar groen of rood, afhankelijk van of de URL de drempelwaarden voor Core Web Vitals-statistieken overschrijdt.

De badge heeft een aantal statussen: * Uitgeschakeld - grijs * Geslaagd - groen * Een of meer statistieken falen - rood Als een of meer statistieken falen, zal de badge de waarden van deze statistieken animeren.

2) Gedetailleerd inzoomen in de pop-up. Als u op het Ambient-badgepictogram klikt, kunt u inzoomen op de afzonderlijke metrische waarden.

In deze modus geeft de extensie ook aan of een metrische waarde kan veranderen of een gebruikersactie vereist.

First Input Delay vereist bijvoorbeeld een echte interactie (bijv.

g klikken/tikken) met de pagina en wacht op invoer totdat dit het geval is.

Wij raden u aan het internet te raadplegen.

dev-documentatie voor LCP, CLS en FID om inzicht te krijgen in wanneer metrische waarden zich vestigen.

Vanaf versie 1.

0.

0 combineert de pop-up uw lokale Core Web Vitals-ervaringen met echte gebruikersgegevens uit het veld via de Chrome UX Report (CrUX) API.

Deze integratie geeft u contextuele inzichten om u te helpen begrijpen hoe vergelijkbaar uw individuele ervaringen zijn met die van andere desktopgebruikers op dezelfde pagina.

We hebben indien nodig ook een nieuwe optie toegevoegd om 'Lokale ervaringen te vergelijken met veldgegevens van de telefoon'.

Houd er rekening mee dat CrUX-gegevens mogelijk niet beschikbaar zijn voor sommige pagina's. In dat geval proberen we veldgegevens voor de oorsprong als geheel te laden.

3) HUD-overlay De overlay geeft een Heads-up-display (HUD) weer dat over uw pagina heen ligt.

Het is handig als u tijdens de ontwikkeling een permanent overzicht van uw Core Web Vitals-statistieken nodig heeft.

Om de overlay in te schakelen: Klik met de rechtermuisknop op de Ambient-badge en ga naar Opties.

Vink Weergave HUD-overlay aan en klik op 'Opslaan'. Laad het tabblad opnieuw voor de URL die u wilt testen.

De overlay zou nu aanwezig moeten zijn.

Extra informatie:

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

Web Vitals webextensie geïntegreerd met de OffiDocs Chromium online