You can now click on most metric charts to get debug data related to that specific metric. Here's an example CLS regression on the Shopify homepage:
You can also easily view a large version of the metric chart.
By default we now always show a single test result that you can use to analyze site performance and optimize your website.
(You may notice that we've also updated our timeline view!)
But if you need to investigate a regression you can use the Diff view to compare the two test results in detail and see what changed.
If you click on a metric change in the charts the Diff view opens automatically.
Use the video recording view to see how users experience your website. Or demonstrate the impact of your performance optimizations to clients and the rest of your team.
You can now view Lighthouse audits for the current and previous test result side by side.
The request details view now includes a Certificate tab that shows more information for secure connections.
You can now manage your subscription to the DebugBear newsletter in your account settings.
We now use Chrome 104 to run performance tests.
We've updated our articles on Largest Contentful Paint and Time to First Byte.
The LCP article now contains an in-depth guide showing you how to optimize rendering on your website. For example, we discuss LCP images, LCP text elements, anti-flicker snippets, and progressive JPEGs.
The TTFB article better explains the difference between HTTP request TTFB and the page load milestone used by Google's CrUX data. We now consistently refer to the latter as "Full TTFB", as includes time spent on redirects or establishing a server connection.
What is Google's Chrome User Experience Report? – an in-depth look at how Google collects real-user performance data and the different reporting options that are available.
How to select a device configuration for site speed tests – find out when it makes sense to use a slow test configuration and when it's better to test something closer to what most of your users experience.