1. Whare are reports?
When we analyze your page, we run an audit within five categories:
- Best practices
- 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.
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.
Shows the rendering progress of your page and visualizes how a user would experience loading your page.
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.
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.
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.
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.
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:
- ARIA (Accessible Rich Internet Applications)
- Names and labels
- 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:
- The page has a logical tab order
- Interactive controls are keyboard focusable
- Interactive elements indicate their purpose and state
- The user’s focus is directed to new content added to the page
- User focus is not accidentally trapped in a region
- Custom controls have associated labels
- Custom controls have ARIA roles
- Visual order on the page follows DOM order
- Offscreen content is hidden from assistive technology
- HTML5 landmark elements are used to improve navigation
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.