Google Chrome-browser krijgt HUD die realtime prestatiestatistieken voor webpagina's biedt

Google biedt een informatieve Heads-Up Display (HUD) aan voor de Chrome-browser. De overlay biedt in realtime belangrijke prestatiestatistieken van webpagina's. Hierdoor kunnen gebruikers begrijpen hoeveel invloed webpagina's hebben op de prestaties van de browser en het apparaat.

De nieuwe realtime prestatie-overlay voor webpagina's, momenteel als een experimentele functie, vormt in wezen een uitbreiding van het Core Web Vitals-platform dat Google eerder dit jaar lanceerde.

De Google Core Web Vitals krijgen een visuele en realtime prestatie-overlay voor webpagina's:

De Google Core Web Vitals meet de prestatie- en gebruikerservaringsstatistieken van een webpagina die nodig zijn om een ​​goede gebruikerservaring te bieden bij het browsen op een website. De vitale functies zijn momenteel Largest Contentful Paint (LCP), First Input Delay (FID) en Cumulatieve Layout Shift (CLS).

• Grootste contentvolle verf (LCP) maatregelen wanneer het grootste element in het zichtbare scherm van een browser zichtbaar wordt. Om een ​​goede gebruikerservaring te bieden, moet LCP plaatsvinden binnen2,5 seconden van wanneer de pagina voor het eerst begint te laden.
• Eerste ingangsvertraging (FID) meet de tijd vanaf het moment dat een gebruiker voor het eerst interactie heeft met een pagina tot het moment waarop de browser op die interactie kan reageren. Voor een goede gebruikerservaring moeten pagina's een FID hebben van minder dan100 milliseconden.
• Cumulatieve lay-outverschuiving (CLS)meet hoeveel zichtbare inhoud in de viewport verschuift en hoe ver deze elementen worden verschoven. Veelvoorkomende redenen voor CLS zijn wanneer advertenties worden weergegeven die zichtbare inhoud naar beneden duwen. Om een ​​goede gebruikerservaring te bieden, moeten pagina's een CLS hebben van minder dan0.1.

Overigens zal Google beginnen met het in rekening brengen van Core Web Vitals-statistieken in rangschikkingsalgoritmen voor websites die worden gezocht en bezocht via de Google-zoekmachine. Met andere woorden, websites zullen hun LCP-, FID- en CLS-statistieken moeten verbeteren om relevant te blijven in de zoekresultaten van Google.

Google Core Web Vitals-statistieken als zichtbare ingebouwde functie in de Chrome-webbrowser:

In Google Chrome Canary-builds maakt het bedrijf een ingebouwde HUD die realtime prestatiestatistieken weergeeft tijdens het gebruik van een webpagina. Tot voor kort hadden Chrome-gebruikers toegang tot de statistieken met behulp van een extensie.

De nieuwe HUD bevindt zich in de rechterbovenhoek van een webpagina. Het toont prestatiestatistieken voor Largest Contentful Paint (LCP), First Input Delay (FID) en Cumulatieve Layout Shift (CLS). De HUD bevat ook Average Dropped Frame (ADF).

ADF is een meeteenheid voor vloeiendheid die de GPU en de weergaveprestaties van een webpagina meet. Hoe lager de ADF, hoe vloeiender de pagina zal zijn, terwijl hogere frames "jank" of haperingen en haperingen veroorzaken bij het gebruik van de webpagina.

Hoe Google Core Web Vitals HUD in de Chrome-browser in te schakelen:

Om de nieuwe prestatiestatistieken HUD van Google Core Web Vitals uit te proberen, moeten gebruikers eerst Google Chrome Canary installeren.

Nadat Chrome Canary is geïnstalleerd, schakelt u de HUD-functie in door deze stappen te volgen.

1. Enterchrome://vlaggenin de Chrome-adresbalk en druk op enter.
2. Wanneer het experimentenscherm wordt geopend, zoekt u naar 'HUD.’
3. Wanneer de 'Prestatiestatistieken weergeven in HUD' vlag verschijnt, klik op de vervolgkeuzelijst en selecteer 'Ingeschakeld.’