Good Website Inspector

making the web better


Rule: Place CSS in document <head>

Avoid using style definitions outside the <head> tag because every occurrence will sometimes result in a rerendering of the document in Internet Explorer.

The user impact is sometimes really big because the page will sometimes shown as not styled until the styles are completely loaded and interpreted.

Rule: Avoid <style> tags

The content of the style tag should be stored in external files for better caching. This will result in a faster load time of the document. If a style tag placed at end near the </body> tag.

The Internet Explorer will sometimes not recently render the page until the full css is loaded.

Rule: Avoid style attributes on HTML tags

The content of the style attributes should be stored in external files for an optimal caching and a better maintaining and consistent layout. This will result in a faster load time of the document.

Regel: Minify CSS Definitions

Minifying of styles results in faster page load time, because the total bytes send to the end user will be decreased.

You should minify all external css files and internal style definitions for an effective reduce of the byte size.

Rule: Use only few CSS definitions

The Internet Explorer will ignore all further styles after including 30 external css links or style tags (every <style> tag or external style sheet will be counted).

See Microsoft KnowledgeBase Q262161 for further information.

Rule: Avoid Alpha Filter

The alpha image filter are often used as an IE6 transparent png hack, but they will significant slow down the render process of your page. You should avoid them for an faster page load time.

Rule: Avoid CSS Hacks

CSS hacks are often used for a nice styling in older browsers. The main problems are the higher complexity to maintain this css code and unexpected behaviour in current browsers. These hacks are mainly used to distinguish CSS definitions between Internet Explorer and other browsers.

A good CSS developer avoid all css hacks and use few conditional comments instead. For a complete list of all known CSS hacks, please see the CSS filter article on wikipedia.

Der Good Website Inspector wurde von Hubert Burda Media entwickelt.
Autor: Stefan Seifarth, Media Innovation Lab GmbH, Hubert Burda Media, Impressum & Datenschutz