Chrome gaat prestatie-overlay toevoegen om webontwikkelaars te helpen snellere websites te bouwen

Wanneer Google later dit jaar Chrome 90 lanceert, zal het een overlay bevatten die statistieken biedt over hoe een website presteert.

Wanneer Google later dit jaar Chrome 90 lanceert, zal de browser een optionele nieuwe overlay bevatten die ontwikkelaars essentiële statistieken biedt over hoe een website presteert.

Chrome's nieuwe Performance Heads-Up Display (HUD) is gedetailleerd door Google Engineering Manager Addy Osmani (via AndroidPolitie). De nieuwe overlay, die onderdeel zal worden van Chrome DevTools, zal ontwikkelaars voorzien van zowel Core Web Vitals als smoothness-statistieken. Zodra de HUD is ingeschakeld, zal deze persistent zijn en op elke tag worden weergegeven.

De nieuwe prestatie-overlay arriveert hierna Google's lancering van Web Vitals, een initiatief dat tot doel heeft “uniforme richtlijnen te bieden voor kwaliteitssignalen die essentieel zijn voor het leveren van een geweldige gebruikerservaring op internet.”

Dit is wat we in mei 2020 over Core Web Vitals zeiden:

Kernwebvitaliteit is een subset van alle webvitaliteit die van toepassing is op alle webpagina's, moet worden gemeten door alle website-eigenaren en wordt weergegeven in alle Google-tools. Momenteel richten deze Core Web Vitals zich op drie aspecten van de gebruikerservaring – laden, interactiviteit en visuele stabiliteit – en omvatten de volgende statistieken (en hun respectieve drempels):

  • Largest Contentful Paint (LCP): meet de laadprestaties. Om een ​​goede gebruikerservaring te bieden, moet LCP plaatsvinden binnen 2,5 seconden nadat de pagina voor het eerst wordt geladen.
  • First Input Delay (FID): meet de interactiviteit. Om een ​​goede gebruikerservaring te bieden, moeten pagina's een FID van minder dan 100 milliseconden hebben.
  • Cumulatieve Layout Shift (CLS): meet de visuele stabiliteit. Om een ​​goede gebruikerservaring te bieden, moeten pagina's een CLS van minder dan 0,1 behouden

Het is in het belang van een ontwikkelaar om een ​​website te maken met een ervaring die snel en soepel is. Dat is omdat Google gaat websites rangschikken gebaseerd op “pagina-ervaring” vanaf mei 2021. Google begon in augustus vorig jaar met het labelen van websites die voldoen aan de Core Web Vitals-statistieken, waarbij gebruikers in Chrome 85 werden verteld of een link naar een ‘snelle pagina’ leidde.

Volgens Osmani wordt de HUD nog steeds gepolijst, dus zaken als stabiliteit en prestaties zullen met de tijd komen. Je kunt naar crbug.com en rapporteer eventuele bugs of feedback onder de component Internals > GPU > Metrics.