Welcome to the wonderful world of performance

The help file explains different metrics, so it easier to understand what sitespeed.io collects. When you need more information, you should checkout https://www.sitespeed.io.

Overall score

The average combined performance, accessibility and best practices score from the Coach. If the score is 100 you are doing fantastic, there's no more you can do here.

Performance score

The coach knows much about performance best practices and match your pages against them. Checkout the full advice list.

Accessibility score

Make sure your site is accessible and usable for everyone. The coach can learn more about accessibility so please help out . You can read more about making the web accessible here.

Web best practice score

You want your page to follow web best practice and the coach helps you with that. Making sure your page is set up for search engines, have good URL structure and more. Read all the advice.

Timing metrics

BackEndTime / TTFB

The time it takes for the network and the server to generate and start sending the HTML. Collected using the Navigation Timing API with the definition: responseStart - navigationStart

FrontEndTime

The time it takes for the browser to parse and create the page. Collected using the Navigation Timing API with the definition: loadEventStart - responseEnd

DOMContentLoadedTime

The time the browser takes to parse the document and execute deferred and parser-inserted scripts including the network time from the users location to your server. Collected using the Navigation Timing API with the definition: domContentLoadedEventStart - navigationStart

DOMInteractiveTime

The time the browser takes to parse the document, including the network time from the users location to your server. Collected using the Navigation Timing API with the definition: domInteractive - navigationStart

DomainLookupTime

The time it takes to do the DNS lookup. Collected using the Navigation Timing API with the definition: domainLookupEnd - domainLookupStart

PageDownloadTime

How long time does it take to download the page (the HTML). Collected using the Navigation Timing API with the definition: responseEnd - responseStart

PageLoadTime

The time it takes for page to load, from initiation of the page view (e.g., click on a page link) to load completion in the browser. Important: this is only relevant to some pages, depending on how you page is built. Collected using the Navigation Timing API with the definition: loadEventStart - navigationStart

RedirectionTime

Time spent on redirects. Collected using the Navigation Timing API with the definition: fetchStart - navigationStart

ServerConnectionTime

How long time it takes to connect to the server. Collected using the Navigation Timing API with the definition: connectEnd - connectStart

ServerResponseTime

The time it takes for the server to send the response. Collected using the Navigation Timing API with the definition: responseEnd - requestStart

FirstPaint

This is when the first paint happens on the screen. In Firefox we use timeToNonBlankPaint (that is behind a Firefox preference).

First Contentful Paint

First Contentful Paint (FCP) measures the time from navigation to the time when the browser renders the first bit of content from the DOM.

Largest Contentful Paint

The Largest Contentful Paint (LCP) metric reports the render time of the largest content element visible in the viewport.

Time To DOM Content Flushed

Internal Firefox metric activated by setting the preferencedom.performance.time_to_dom_content_flushed.enabled to true.

Time To Contentful Paint

Firefox implementation of First Contentful Paint. Activated by setting the preferencedom.performance.time_to_contentful_paint.enabled  to true.

Time To First Interactive

Firefox implementation of Time to first interactive. Activated by setting the preferencedom.performance.time_to_first_interactive.enabled to true.

Load Event End

The time when the load event of the current document is completed.

FullyLoaded

The time when all assets in the page is downloaded. The value comes from the latest response in the HAR file.

Speed Index

The Speed Index is the average time at which visible parts of the page are displayed. It is expressed in milliseconds and dependent on size of the view port. It was created by Pat Meenan and you can checkout the full documentation here.

Contentful Speed Index

This new metric is developed by Bas Schouten at Mozilla which uses edge detection to calculate the amount of "content" that is visible on each frame. It was primarily designed for two main purposes: Have a good metric to measure the amount of text that is visible. Design a metric that is not easily fooled by the pop up splash/login screens that commonly occur at the end of a page load. These can often disturb the speed index numbers since the last frame that is being used as reference is not accurate.

First Visual Change

The time when something for the first time is painted within the viewport. Calculated by analysing a video.

Visual Complete 85%

When the page is visually complete to 85% (or more). Calculated by analysing a video.

Visual Complete 95%

When the page is visually complete to 95% (or more). Calculated by analysing a video.

Visual Complete 99%

When the page is visually complete to 99% (or more). Calculated by analysing a video.

Last Visual Change

The time when something for the last time changes within the viewport. Calculated by analysing a video.

Largest Image

The time when the largest image within the viewport has finished painted at the final position on the screen. Calculated by analysing a video.

Heading

The time when the largest H1 heading within the viewport has finished painted at the final position on the screen. Calculated by analysing a video.

The time when the logo (configured with --scriptInput.visualElements) within the viewport has finished painted at the final position on the screen. Calculated by analysing a video.

Memory usage

The page memory usage. Only measurable in Firefox using --firefox.memoryReport.

Image transfer size per page

The size of images per page.

CSS transfer size per page

The transfer size of CSS per page, meaning if the CSS is sent compressed the unpacked size is larger.

JavaScript transfer size per page

The transfer size of JavaScript per page.

Font transfer size per page

The transfer size of fonts per page.

HTML transfer size per page

The transfer size of HTML per page.

Total transfer size per page

The total transfer size of all assets on a page.

Image requests per page

The number of image requests on a page.

CSS requests per page

The number of CSS requests on a page.

JavaScript requests per page

The number of JavaScript requests on a page.

Font requests per page

The number of font requests on a page.

Total amount of requests per page

The total amount of requests on a page.

Critical Axe violations

The number of critical accessibility violations on your page found by Axe. A critical violation means that you should fix it now.

Serious Axe violations

The number of serious accessibility violations on your page found by Axe. A serious violation means that you should fix it now.

Minor Axe violations

The number of monir accessibility violations on your page found by Axe.

Moderate Axe violations

The number of moderate accessibility violations on your page found by Axe.

Total Blocking Time

The blocking time of a given long task is its duration in excess of 50 ms (or the time you have configured with --browsertime.minLongTaskLength). And the total blocking time for a page is the sum of the blocking time for each long task that happens after first contentful paint.

Max Potential First Input Delay

The worst-case First Input Delay that your users might experience during load. This is calculated using CPU long tasks.

First Input Delay

First Input Delay measures the time from when a user first interacts with your site (when they click a link, tap on a button etc) to the time when the browser is actually able to respond to that interaction. You need to use scripting to actively do something with the page for this metric to be collected.