How to enable new performance metrics HUD in Chrome

July 2024 · 3 minute read
Easily enable new benchmark HUD in Chrome Instead of fixing issues with Chrome, you can try a better browser: OperaYou deserve a better browser ! 350 million people use Opera daily, a fully-fledged navigation experience that comes with various built-in packages, enhanced resource consumption and great design. Here's what Opera can do:

Google is constantly tweaking the tools that measure web pages’ responsiveness and now is finally offering a Heads-Up Display (HUD) for the Chrome browser.

This allows users to get a solid grasp on how much impact certain web pages have on the performance of their browser.

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.Show performance metrics in HUD
  • 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.

    ncG1vNJzZmivmaOxsMPSq5ypp6Kpe6S7zGiaoaqforJuvMSrnaiqnZa7pLGMppytqpmYwG601J1m