Project Performance Overview
The DebugBear project overview list the pages that you've monitored, and visualizes site speed metrics and other performance data.
There are several different ways to aggregate and visualize data.
By default the overview shows a trendline with data for the last 10 days. See Date Range Selection below to change the amount of time covered.
The bars show the median value for each period, for example each day. The number below the bar chart shows the most recent test result.
The trends view compares the median metric value between two periods. For example, you can compare the LCP in the last 30 days to the LCP in the previous 30 days in order to identify longer term performance trends.
The filmstrip lets you compare the rendering behavior of different pages.
The bulk edit view lets you edit multiple pages at once. For example, you can add and remove tags, or change how often tests are run.
By default the Performance selection shows the following metrics:
- First Contentful Paint
- Largest Contentful Paint
- Cumulative Layout Shift
- Total Blocking Time
- Page Weight
- Main thread CPU time
The Web Vitals option shows both data from Google's Chrome User Experience Report (CrUX) and lab data collected by DebugBear.
Note that CrUX values reported by Google are always aggregated over a 30-day rolling window.
The Lighhouse option shows Lighthouse scores for Performance, Accessibility, Best Practices, and SEO.
The Errors options shows metrics like the number of console errors, HTML validation errors, and invalid resource hints.
Date Range Selection
For the overview trendlines you can select from the following options:
- Daily: show median daily data for the last 10 days
- Weekly: show median weekly data for the last 10 weeks
- Monthly: show median monthly data for the last 10 months
- Last 10: show data for the last 10 test results
The text search lets you filter based on a range of page properties, including:
- Page Name
- Page URL
- Device Name
- Page Tags
- Page Test Location
The search input supports NOT and OR operators.
!discordwill match all pages that don't match
discord or squarespacewill match pages that match either
The advanced filters let you quickly find all pages with a certain tag, domain, URL, or device.
Click on the metric column headers to identify your slowest pages.
Or, in the trends view, find which pages have changed the most.
You can trigger page tests on demand, for example after a recent website deployment. Click the Test N pages now button in the sidebar.
After tests are complete any normal alerts will be sent, for example in Email or Slack.