1. Home
  2. The reports

The reports

1. Whare are reports?

When we analyze your page, we run an audit within five categories:

  • Performance
  • Accessibility
  • Best practices
  • SEO
  • Social & Content

For every page, we analyze we create an individual report for each category. These reports are further split into two sections: one for Mobile and one for Desktop.

To view the report for the specific device-type – e.g., Desktop, you simply need to click on the “scorecard”. 

In the top right corner of the report, you can select which between pages and dates. 

2. The Performance-report

The performance report measures your page’s performance and helps you find opportunities to speed up page loads.

2.1. Metrics

The first section you will find is the metrics section. Here we’ve collected some of the most important performance metrics.

Load time: The times it takes to download and display your page.

Page size: The total size of the page shown in megabytes (MB).

Requests: The number of files being requested for the page (HTML-, CSS-, JS-files, Images, Videos, etc.).

First Contentful Paint (FCP): How long it takes to show the first piece of content. Read more about First Contentful Paint here

Largest Contentful Paint (LCP): How long time it takes for the largest element (visible on the screen) to be shown. Read more about Largest Contentful Paint here.

Cumulative Layout Shift (CLS): Measures the movement of visible elements shown on the screen. Read more about Cumulative Layout Shift (CLS) here.

Speed Index: Measures how quickly content is visually displayed during page load. Read more about Speed Index here.

Time to Interactive: Measures how long it takes a page to become fully interactive. Read more about Time to Interactive here.

Total Blocking Time: Measures the total amount of time that a page is blocked from responding to user input (e.g., mouse clicks, screen taps, or keyboard presses). Read more about Total Blocking Time here.

Click to view large version.

2.2. Filmstrip

Shows the rendering progress of your page and visualizes how a user would experience loading your page.

Click to view large version.

2.3. Opportunities, Diagnostics and Passed audits

In the opportunities section, you will find suggestions on how to improve your page’s speed and performance.

The diagnostics section flags problems on your page that need to be addressed.

The passed audits show you a list of all successfully completed tests.

If you want to read more about each opportunity, diagnostic, or passed audit, you can click on the specific item to read more.

Click to view large version.

2.4. File requests (Waterfall)

In this section, you’ll see a list and a waterfall chart of all individual requests on your website.

Each request is shown in the order in which it is loaded. The filetype, file path, file size, and the time it takes to load are also shown.

You can use this section to identify problems and bottlenecks for your page’s load time.

Click to view large version.

2.5. Third-party scripts

This list shows all the third-party scripts being loaded on your page. It shows the name of the script, the blocking time, and the size.

Note: If you have a “Cookie compliance banner” installed, many scripts won’t be downloaded until the user clicks accept and therefore won’t be present in the list.

Click to view large version.

2.6. Content & Request distribution 

The last part of the report is the content and request distribution. Here we break down how your content types are distributed by quantity and size.

You can also see which domain serves the most requests in quantity and size.

Click to view large version.

3. The Accessibility report

Accessibility is about making your website usable for as many people as possible. Often when we think about this, people with disabilities come to mind (e.g., people using screen readers). 

However, making your site accessible also benefits people using mobile devices or those who have a slow network connection.

You can read more about what accessibility is on “MDN Web Docs: What is accessibility?

What we look at:

  • Navigation
  • ARIA (Accessible Rich Internet Applications)
  • Names and labels
  • Contrast
  • Tables and lists
  • Best practices
  • Audio and video
  • Internationalization and localization

When it comes to accessibility, not everything can be tested automatically. The items you need to check manually are:

4. The Best Practices report

This report checks to see if your page is following the standard best practices for the web.

What we look at:

  • General best practices
  • Things that make your page fast (e.g., using HTTP/2)
  • Things that make your page secure (HTTPS)
  • Creating a good user experience
  • Deprecated technologies to avoid

5. The SEO report

In the SEO report, we check to see if the search engines can understand and access your content. 

What we look at:

  • Making sure that search engines understand your content
  • Making sure that search engines can crawl and index your page
  • Making sure your page is mobile-friendly

We can’t check if your structured data is valid; you will need to do this manually. Read more about it here.

6. The Social & Content report

Social & Content gives you an idea of how your page looks in the search results and on social media.

We check to see if your Title-tag and Meta description is present – and if either is too short or too long according to best practices.

The Social tags help you to see how your page will look on social media and if you are missing some of the recommended tags.

In the report, you can also see which <H1> to <H6>-tags are present on the page, and if there are any list-elements.

Updated on February 25, 2021