Audisto Performance Error Checker

How to detect issues with performance on your website

Performance directly influences the user engagement on a website and is therefore one of the most important aspects of website optimization.

Performance bottlenecks can lead to a poor loading speed, which might increase bounce rate and decrease the number of conversions and the engagement rate. Poor performance can also cause issues with the crawl rate on a website.

With this hints section, you can identify the most common performance related issues on a website.

Example: Audisto Performance Error Check with the performance hint reports for the current crawl

Audisto Performance Error Check with the performance hint reports for the current crawl

Here is the list of all specific hints related to performance, that can be identified with the help of the Audisto Crawler.

Table Of Content

Hints

<html> is more than 100 KB in size

Description

If a document is more than 100 KB in size, the URL is flagged with this hint. Find all HTML documents on the crawled website, that contain more than 100 KB markup with this report.

Examples

HTML markup contains a lot of

  • inline css
  • inline javascript
  • inline images
  • inline fonts
  • whitespace
  • HTML comments
  • bloated markup
Importance

Having more than 100 KB code in the HTML document is usually a sign for bloated markup and adds to traffic volume, loading- and rendering time. Reducing the size of the HTML document will result in less traffic volume for user and webmaster and add to performance and user experience of the website.

Operating Instruction

You might want to reduce the size of the document. This can be done by consolidating inline elements into external files, reduction of HTML comments or markup optimization depending on your site's core markup.

<img> has no width and/or height attribute

Description

If an image without a width or height attribute is found, the URL is flagged with this hint. Use this report to discover all URLs that contain image tags without width and/or height attributes.

Examples

What we discover

<img src="/img/image.jpg" alt="description" />
<img src="/img/image.jpg" alt="description" width="100" />
<img src="/img/image.jpg" alt="description" height="200" />

How it should be

<img src="/img/image.png" alt="description" width="100" height="200" />
Importance

The width and the height attribute are used by browsers to understand the dimensions of elements like images before they are loaded. Adding the width and height attribute to image tags may therefore improve the rendering speed and user experience in the given document.

Operating Instruction

You might want to add the width and the height attribute to image tags whenever possible.

<meta refresh> found

Description

If a meta-refresh is found the URL is flagged with this hint. Discover all HTML documents on the crawled website, that contain a meta refresh.

Example
<meta http-equiv="refresh" content="5; URL=http://www.example.com/">
Importance

A meta refresh is a client side redirect that triggers a GET request after a given time. It is sometimes used to automatically forward users to another URL. This method has been used widely to manipulate search engines, so these might misinterpret usage of a meta refresh as a sneaky redirect. A meta refresh with a delay of more than one second also violates the Web Content Accessibility Guidelines. Using a meta refresh might result in bad user experience and issues with rankings in search engines.

Operating Instruction

You might consider replacing it with a HTTP-redirect using a 301 or 302 status code or even a JavaScript client side redirect, depending on requirements.

<script> loaded multiple files from local domain

Description

If multiple JavaScript-files from the crawled domain are loaded, the URL is flagged with this hint. Discover all URLs that include more than one JavaScript file from the local domain by using this report.

Example
<script type="text/javascript" src="file1.js"></script>
<script type="text/javascript" src="file2.js"></script>
<script type="text/javascript" src="file3.js"></script>
Importance

Depending on the protocol that is used, it might or might not be better to aggregate multiple included JavaScript files from the local domain to just one file to minize the number of HTTP requests required to display the HTML in the browser.

In HTTP 1.0 and HTTP 1.1, clients limit the maximum number of parallel requests per host. This leads to delays if more connections are required for loading the URL. Therefore, in HTTP 1.x it is better to aggregate multiple included JavaScript files from the local domain.

In HTTP 2, multiple files are tranfered using a single connection. The limitation regarding the number of requests from HTTP 1.0 and HTTP 1.1 does not apply.

Operating Instruction

HTTP 1.x: The files should be combined into a single file and minimized, if possible. HTTP 2: No changes required regarding this hint.

<script> more than 3 KB within HTML

Description

If more than 3 KB of JavaScript is found within the HTML, the URL is flagged with this hint. Use this report to identify all occurrences of inline JavaScript with more than 3 KB in total.

Importance

If more than 3 KB of inline JavaScript are found in one HTML document, this usually indicates unnecessarily bloated code. 3 KB doesn't seem like a lot, but the numbers can add up if this occurs on larger websites. This leads to:

  • waste of bandwidth
  • lower performance
  • overall worse user experience

Moving inline JavaScript to separate files, is part of the best practice for performance optimization.

Operating Instruction

JavaScript should be placed in a separate file whenever this helps to improve performance.

CSS <style> content larger than 0.5 KB

Description

If more than 0.5 KB of CSS is found within <style> tags, the URL is flagged with this hint. Use this report to identify all occurences of inline style sheets with more than 0.5 KB in total.

Importance

If more than 0.5 KB of inline CSS are found in one HTML document, this usually indicates unnecessarily bloated code. 0.5 KB doesn't seem like a lot, but the numbers can add up if this occurs on larger websites. This leads to:

  • Waste of bandwidth
  • Lower performance
  • Overall worse user experience

Moving inline CSS to seperate files, is part of the best practice for performance optimization.

Operating Instruction

CSS should be placed in a separate file whenever this helps to improve performance.

CSS <style> found

Description

If CSS is found within a <style> tag the URL is flagged with this hint. CSS should be placed in a separate file whenever it is used across multiple URLs.

Example
<style>
h1 { color: green; }
</style>
Importance

Inline CSS can indicate poorly written markup. CSS definitions should usually be in an external file that can be cached by clients and once requested be used for multiple URLs. This lowers the size of the actual HTML document and adds to the website's performance. If inline css is used excessively, this can lead to

  • Waste of bandwidth
  • Lower performance
  • Overall worse user experience

Moving inline CSS to external files is best practice for performance optimization.

Operating Instruction

CSS should be placed in a separate file whenever it is used across multiple URLs. By doing this, you can make the CSS cacheable and deliver HTML documents with lower file size.

CSS loaded multiple files from local domain

Description

If multiple CSS-files from the crawled domain are loaded by the URL, it is flagged with this hint. Discover all URLs that include more than one CSS file from the local domain by using this report.

Example
<link rel="stylesheet" href="stylesheet0.css">
<link rel="stylesheet" href="stylesheet1.css">
<link rel="stylesheet" href="stylesheet2.css">
Importance

Depending on the protocol that is used, it might or might not be better to aggregate multiple included CSS files from the local domain to just one file to minize the number of HTTP requests required to display the document.

In HTTP 1.0 and HTTP 1.1, clients limit the maximum number of parallel requests per host. This leads to delays if more connections are required for loading the URL. Therefore, in HTTP 1.x it is better to aggregate multiple included CSS files from the local domain.

In HTTP 2, multiple files are tranfered using a single connection. The limitation regarding the number of requests from HTTP 1.0 and HTTP 1.1 does not apply.

Operating Instruction

HTTP 1.x: The files should be combined into a single file and minimized, if possible. HTTP 2: No changes required regarding this hint.

Make sure to reference the CSS files in the <head> of the HTML.

CSS style attribute found

Description

If CSS is found as a style-attribute, the URL is flagged with this hint. CSS should be placed in a separate file whenever it is used across multiple URLs. Use this report to identify all URLs that contain style attributes in the HTML markup.

Example
<p style="text-decoration:bold;">text</p>
Importance

Style attributes in HTML tags are usually not the most optimized way to achieve styling of certain elements. Best practice suggests to put CSS definitions into separate CSS files that can be cached by clients across multiple requests. This lowers the size of the actual HTML document and adds to the website's performance.

Operating Instruction

Style defintions should be placed in a separate file whenever this helps to improve performance.

Compression not enabled

Description

Content compression was not enabled, or the gzip/deflate compression is not supported by the server.

Example

Request Header asking for gzip, deflate or sdch

GET /page.html HTTP/1.1
Host: example.com
...
Accept-Encoding: gzip, deflate, sdch

Response Header with gzip compression

HTTP/1.1 200 OK
...
Content-Encoding: gzip
Content-Length: 1140

Response Header without gzip compression

HTTP/1.1 200 OK
...
Content-Length: 4726
Importance

Compression can reduce bandwidth usage dramatically and is recommended. Compression was introduced with HTTP 1.1. HTTP 1.0 does not support compression. Compression affects the data volume that needs to be transfered and can improve the performance of your website. Better performance equals better user experience.

Operating Instruction

We recommend to globally enable compression like gzip or deflate on your website.