Performance Dashboard
Use this dashboard to monitor page loading metrics and Google's core web vitals so you can pinpoint where problems are occurring on your site. While web vitals (interaction to next paint, cumulative layout shift, and largest contentful paint) only show data for Chromium-based browsers such as Chrome, the quality of each metric affects your SEO ranking in Google searches. The other performance metrics on this page display data for all browsers supported by Yottaa. Click the data boxes to see more information about each metric.
Example |
Metric |
Description |
---|---|---|
|
Page Load Time |
The average onload the time it takes for the initial HTML document to load with all stylesheets, images, and subframes. At this point, the page is usually interactive to users. "Onload time" is equal to the high-resolution timestamp returned by the PerformanceNavigationTiming.loadEventEnd property. time. This metric appears only for traditional web applications (not single-page applications). |
|
SPA Render Time |
The moment when the single-page application is rendered and interactive to the user. This metric appears only for single-page applications. |
|
First Byte Time |
The time from the start of a network request until the first byte of information reaches the shopper's browser. |
|
Last Byte Time |
The time from the start of a network request until the last byte of information reaches the shopper's browser. |
|
Interaction to Next Paint |
A combined assessment of a page's overall responsiveness to user interactions by observing the latency of all click, tap, and keyboard interactions that occur throughout the lifespan of a user's visit to a page. The final INP value is the longest interaction observed, ignoring outliers. For Chromium browsers only, but affects your site's SEO ranking in Google. |
|
Cumulative Layout Shift |
The amount by which the content of a page shifts or reflows, which is visually disruptive and can cause users to accidentally click on the wrong element. For Chromium browsers only, but affects your site's SEO ranking in Google. |
|
Largest Contentful Paint |
The time it takes for the largest piece of visible content on a page to load. This metric does not measure when the content becomes interactive. For Chromium browsers only, but affects your site's SEO ranking in Google.
|
Key Insights
The key insights section changes dynamically based on the selected data box. Click the drop-down text below to read about the information that appears for each metric.
Example |
Metric |
Description |
---|---|---|
|
Improvement with Yottaa |
Shows the percent and number of seconds by which your optimized traffic is faster than your unoptimized traffic. |
|
Resources Sequenced Per Page |
The average number of resources that Yottaa sequences on each page of your site. |
|
Third Parties |
The number of third parties detected on your site. |
|
Resources Per Page Loaded Before Onload |
The average number of resources that load before onload on each page of your site. These resources are not sequenced. |
|
Page Views |
The total number of page views on your site over the past seven days, or the selected time period. |
|
Page Delay Violations Per Page |
The average number of page delay violations When a resource that loads before onload takes longer than a set number of milliseconds to load. that happen each time a user views a page on your site. |
Page Load Time by Device or SPA Render Time by Device |
Shows the average page load time or SPA render time for each type of device and what percent of page views are using that device type. |
|
Page Load Time by Browser or SPA Render Time by Browser |
Shows the average page load time or SPA render time for each browser and what percent of page views are using that browser. |
|
Page Load Time by Page Category or SPA Render Time by Page Category |
Shows the average page load time or SPA render time for each page category, and what percent of traffic is visiting pages in that page category. This table is especially useful for pinpointing where problems are occurring on your site. If a large percent of your traffic is uncategorized, you can refine your page categories in Settings > Page Categories. |
|
Page Load Time (Last 7 Days) or SPA Render Time (Last 7 Days) |
Shows how page load time or SPA render time has changed over the last seven days. Use the drop-down menus to change the metric, filter, and rollup data. |
|
Real-Time Data for Page Load Time or Real-Time Data for SPA Render Time |
Use this graph to see how changes you make are affecting your site in real time. The graph shows data in one-minute increments and updates every 15 minutes. By default, the graph shows the past hour. Use the drop-down menu to select a different hour. |
Example |
Metric |
Description |
---|---|---|
|
Resources Sequenced Per Page |
The average number of resources that Yottaa sequences on each page of your site. |
|
Third Parties |
The number of third parties detected on your site. |
|
Resources Per Page Loaded Before Onload |
The average number of resources that load before onload on each page of your site. These resources are not sequenced. |
|
Page Views |
The total number of page views on your site over the past seven days, or the selected time period. |
|
Page Delay Violations Per Page |
The average number of page delay violations When a resource that loads before onload takes longer than a set number of milliseconds to load. that happen each time a user views a page on your site. |
First Byte Time By Device or Last Byte Time by Device |
Shows the average first byte time or last byte time for each type of device and what percent of page views are using that device type. |
|
First Byte Time by Browser or Last Byte Time by Browser |
Shows the average first byte time or last byte time for each browser and percent of page views are using that browser. |
|
First Byte Time by Page Category or Last Byte Time by Page Category |
Shows the average first byte time or last byte time for each page category, and what percent of traffic is visiting pages in that page category. This table is especially useful for pinpointing where problems are occurring on your site. If a large percent of your traffic is uncategorized, you can refine your page categories in Settings > Page Categories. |
|
|
First Byte Time (Last 7 Days) or Last Byte Time (Last 7 Days) |
Shows how first byte time or last byte time has changed over the last seven days. Use the drop-down menus to change the metric, filter, and rollup data. |
Real-Time Data for First Byte Time (Last Hour) or Real-Time Data for Last Byte Time (Last Hour) |
Use this graph to see how changes you make are affecting your site in real time. The graph shows data in one-minute increments and updates every 15 minutes. By default, the graph shows the past hour. Use the drop-down menu to select a different hour. |
Example |
Metric |
Description |
---|---|---|
Interaction to Next Paint Range |
Shows Google's defined ranges for Interaction to Next Paint (good, needs improvement, and poor), and where your 75th percentile of interaction to next paint falls within those ranges. |
|
Interaction to Next Paint by Device |
Shows the 75th percentile of interaction to next paint for each type of device and what percent of page views are using that device type. |
|
Interaction to Next Paint by Page Category |
Shows the 75th percentile of interaction to next paint for each page category, and what percent of traffic is visiting pages in that page category. This table is especially useful for pinpointing where problems are occurring on your site. If a large percent of your traffic is uncategorized, you can refine your page categories in Settings > Page Categories. |
Example |
Metric |
Definition |
---|---|---|
Cumulative Layout Shift Range |
Shows Google's defined ranges for cumulative layout shift (good, needs improvement, and poor), and where your 75th percentile of cumulative layout shift falls within those ranges. |
|
Cumulative Layout Shift by Device |
Shows the 75th percentile of cumulative layout shift for each type of device and what percent of page views are using that device type. |
|
Cumulative Layout Shift by Page Category |
Shows the 75th percentile of cumulative layout shift for each page category, and what percent of traffic is visiting pages in that page category. This table is especially useful for pinpointing where problems are occurring on your site. If a large percent of your traffic is uncategorized, you can refine your page categories in Settings > Page Categories. |
Example |
Metric |
Description |
---|---|---|
Largest Contentful Paint Range |
Shows Google's defined ranges for largest contentful paint (good, needs improvement, and poor), and where your 75th percentile of largest contentful paint falls within those ranges. |
|
Largest Contentful Paint by Device |
Shows the 75th percentile of largest contentful paint for each type of device and what percent of page views are using that device type. |
|
Largest Contentful Paint by Page Category |
Shows the 75th percentile of largest contentful paint for each page category, and what percent of traffic is visiting pages in that page category. This table is especially useful for pinpointing where problems are occurring on your site. If a large percent of your traffic is uncategorized, you can refine your page categories in Settings > Page Categories. |
Trends
Use the trends graphs to monitor your site performance and identify problem areas. Use the drop-down menus to change the metric, filter, and rollup data.
The Real-time Data graph shows data in one-minute increments and updates every 15 minutes. By default, the graph shows the past hour. Use the drop-down menu to select a different hour. Use this graph to see how recent changes are affecting your site.
Diagnostics
This section shows data for the past 24 hours, regardless of the date filter selected at the top of the page. Resource-level data covers the last 6 hours.
Use the first drop-down menu to show either the performance impact of each page category or a statistical analysis broken down by metric. For core web vitals, click the colored range bars to determine which pages and page categories are slowing down your site.
When you click a colored range bar, a table appears showing the most viewed pages in the selected range and page category.
You can view additional diagnostic information by clicking the name of a page category in the page categories column. The following options are available:
Page Load Distribution | Displays a bar graph showing the distribution of the selected metric for the selected page category for the past hour. Use the drop-down menu to change the range of each bar. |
Most Viewed Pages | Shows the most viewed pages for the selected page category, and the 75th percentile of the selected metric for each page. |
Resources Slowing Down Pages | Shows the resources that are having the highest impact on the selected metric for the selected page category, and how often each resource loads. |
Third Parties Slowing Down Pages | Shows the Third Parties that are having the biggest impact on performance for the selected page category (for page load time only). |
Resource Map | Shows the most common type of resources for the selected page category. |
Web Vitals Details | Only available for core web vitals. Shows the elements that are having the greatest impact on the selected web vital metric. |
Additional Diagnostics Tables
You can access the following tables to perform more detailed diagnostics for performance and core web vitals issues:
Table Title | Description | How to Access |
---|---|---|
Largest Contentful Paint for Most Recent Page Loads |
Shows each LCP event sequence for the 20 most recent page loads. Use the drop-down menu to display more or fewer page loads. The largest contentful paints column shows which elements caused each largest contentful paint in the order that they loaded. The last element is the one measured by Google. In the example below, the largest element is an image that took 3.17 seconds to load. Click the image icon to view the image. To open the page in your browser, click the page URL and click Open in Browser.
|
|
Cumulative Layout Shift for Most Recent Page Loads |
Shows the cumulative layout shift for the 20 most recent page loads. Shows the page URL, Google's CLS score for that page, and the number of times content shifted. Use the drop-down menu to display more or fewer page loads. |
|
Most Viewed Pages Containing Resource |
Shows which pages contain a selected resource. Use this table to identify where a slow-to-load resource may be causing problems on your site. The table also shows the selected metric for each page. For example, if the Time to Interactive data box is selected at the top of the dashboard, the table shows the time to interactive for each page. |
|
Resources Affecting a Page |
Shows which resources load most often on the selected page, and the average last byte time for each. Use this table to identify which resources are slowing down a particular page. |
|