Measurement and profiling - alexanderteplov/computer-science GitHub Wiki
- Use Search Console's new Core Web Vitals report to identify groups of pages that require attention (based on the field data).
- Once you've identified pages that need work, use PageSpeed Insights (powered by Lighthouse and Chrome UX Report) to diagnose lab and field issues on a page. PageSpeed Insights (PSI) is available via Search Console or you can enter a URL on PSI directly.
- Ready to optimize your site locally in the lab? Use Lighthouse and Chrome DevTools to measure Core Web Vitals and get actionable guidance on exactly what to fix. The Web Vitals Chrome extension can give you a real-time view of metrics on a desktop.
Lab tools provide insight into how a potential user will likely experience your website and offer reproducible results for debugging. Field tools provide insight into how your real users are experiencing your website; this type of measurement is often called Real User Monitoring (RUM).
Lab tool.
The Chrome DevTools Performance panel has a new Experience section that can help you detect unexpected layout shifts.
The Total Blocking Time (TBT) metric can be measured in lab tools and is an excellent proxy for First Input Delay. TBT measures the total amount of time between First Contentful Paint (FCP) and Time to Interactive (TTI) where the main thread was blocked for long enough to prevent input responsiveness. Performance optimizations that improve TBT in the lab should improve FID in the field.
TBT is now shown in the footer of the Chrome DevTools Performance panel when you measure page performance.
Lab tool.
Lighthouse is an automated website auditing tool that helps developers diagnose issues and identify opportunities to improve the user experience of their sites. It measures several dimensions of user experience quality in a lab environment, including performance and accessibility.
All of the products that Lighthouse powers are updated to reflect the latest version, including Lighthouse CI which enables you to easily measure your Core Web Vitals on pull requests before they're merged and deployed.
Field tool.
PageSpeed Insights reports on the lab and field performance of a page on both mobile and desktop devices. The tool provides an overview of how real-world users experience the page (powered by the Chrome UX Report) and a set of actionable recommendations on how a site owner can improve page experience (provided by Lighthouse).
While Search Console provides site owners with a great overview of groups of pages that need attention, PageSpeed Insights helps identify per-page opportunities to improve page experience. In PageSpeed Insights, you are able to clearly see whether or not your page meets the thresholds for a good experience across all Core Web Vitals at the top of the report, indicated bypasses the Core Web Vitals assessment or does not pass the Core Web Vitals assessment.
Filed tool.
The new Core Web Vitals report in Search Console helps you identify groups of pages across your site that require attention, based on real-world (field) data from Chrome UX Report. URL performance is grouped by status, metric type and URL group (groups of similar web pages).
The report is based on the three Core Web Vitals metrics: LCP, FID, and CLS. If a URL does not have a minimum amount of reporting data for these metrics, it's omitted from the report.
Once you identify a type of page that has Core Web Vitals related issues, you can use PageSpeed Insights to learn about specific optimization suggestions for representative pages.