Chrome DevTools Performance Panel

[Jahangir147]

Lighthouse is an open-source website auditing tool that allows developers to diagnose problems and improve the quality of web pages.


A tool like Lighthouse can't measure Interaction to Next Paint (INP) because it requires actual user interaction. However, you can monitor Total Blocking Time (TBT), which measures the total time between First Contentful Paint and Time to Interactive. By improving your TBT, you'll likely also improve your INP.

WebPageTest.org
This is a free and open-source tool that measures your website's loading speed. It loads rcs data canada your page in a real browser, allowing you to identify sections of the site that take longer to load.

With Chrome DevTools (short for Chrome Developer Tools, commonly referred to as DevTools) , you have the Performance panel that includes Core Web Vitals. This panel also has an Experience section where you can detect unexpected layout shifts. As a result, you can identify and fix any visual instability and improve your Cumulative Layout Shift metric. To access the Chrome DevTools Performance panel, open Google Chrome (use incognito mode to avoid browser cache) and press Cmd+Option+I (Mac) or Ctrl+Shift+I (Windows, Linux) to open DevTools .