Even if that’s only an experimental feature at this stage, it can extend the Core Web Vitals platform that Google launched just a few months ago.
To be more precise, the company has created a built-in HUD that displays real-time performance metrics while using a web page.
Even more, it will also include a smoothness metric called Average Dropped Frame (ADF). That’s what Google reveals:
Chrome now has an awesome rendering benchmark system for GPU and rendering related benchmarks. It works on all Chrome flavors, even Android and CrOS, even in their content_shell forms.
How can I enable the new benchmark HUD in Chrome?
- With Chrome Canary installed, type chrome://flags into the Chrome address bar and press Enter.
- Up next, with the experiments screen opened, just search for HUD.
- When the Show performance metrics in HUD flag shows up, click on the drop-down, and select Enabled.
- You’ll be prompted to relaunch Chrome. Do so with no hesitation.
- Once the browser restarts, you will see the performance metrics HUD while you browse the web.
This new HUD is meant to be placed in the upper right of a web page and will reveal some performance metrics that are needed to offer a good user experience when browsing a website.
The core vitals currently include First Input Delay (FID), Largest Contentful Paint (LCP), as well as Cumulative Layout Shift (CLS). Keeping these in check will ensure that the website is loading within an acceptable amount of time.
As for that ADF smoothness metric, it can measure the GPU and rendering performance of a web page. The lower the ADF, the smoother the page will actually be.
Do you want to try out the new Google Core Web Vitals performance metrics HUD? Let us know your decision in the comments area below.
This post was written by Loredana Harsana and was first posted to WindowsReport