Audisto File Size Checker

How to detect file size related issues on your website

The file size directly influences a website's performance parameters like loading speed as well as maintenance cost for traffic. By influencing the loading speed, the file size also influences the user experience and therefore the rate of user engagement. This can have a direct impact on your sales.

With this hints section you can identify the most common issues that lead to an increased file size of a website.

Example: Audisto File Size Check with the size hint reports for the current crawl

Audisto File Size Check with the size hint reports for the current crawl

Here is the list of all specific hints related to file sizes, 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.

<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 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.