Articles | Design & Development | Research, Stats & Analysis | News & Comment
HTML5 | iPhone | Android | Wearables | Touch | Content Adaptation | Geolocation | Emulators | Messaging | Device Detection | Responsive Design | More >

Design & Development

Fixit - File minification

This test determines if your page makes use of excessive whitespace. Whitespace in markup, CSS and JavaScript files tend to make them more readable. However the extra data adds significantly to transfer and processing times. Minification is the process of reducing whitespace in files to an absolute minimum. In many cases filesizes can drop by over 30% through minifcation, thus speeding up content delivery and processing. more...

Fixit - Applets

This test determines if your page make use of applet tags. Applets, by and large, require specific pplugins to be installed at the browser level. While this may be possible in some instances, and for some device browsers, the majority of plugins are not mobile friendly and their use is strongly discouraged. more...

Fixit - Inline JavaScript

This test determines if your page make use of inline JavaScript code. Requiring the browser to pass markup for JavaScript code slows processing and makes web applications increasingly brittle. Moving all JavaScript code to dedicated JavaScript include files provides a clean seperation of markup, style and code. more...

Fixit - Styled Markup

This test determines if your page has styled markup such as basefont, center, font or u. These style markup tags are considered dated and require additional processing time to render. Best practice dictates that all style related information should be contained in CSS files and not be included in amongst markup. more...

Fixit - Inline Styles

This test determines if your page has any inline style directives. Inline styles are both harder to maintain and require additional processing time so are not optimal. All style directives should be in dedicated CSS files instead. more...

Fixit - Empty Image

This test determines if your page has any empty image tags (image tags with no 'src' attribute or an empty 'src' attribute). Leaving image tags empty require processing that is ultimately wasted. When image tags need to be dynamically created this should happen with JavaScript programming. more...

Fixit - GZip Encoding

This test determines if your page is transferred using GZip encoding. GZip encoding, or compression, reduces the data being sent and this speeds up the transfer time considerably. Where possible all web assets should use GZip encoding for transmission. more...

Fixit - Stylesheet Placement

This test determines if your page has Stylesheet includes in inappropriate places. Grouping Stylesheet includes together in the head of the page markup is optimal for page load. Due to the HTTP specification putting Stylesheet includes elsewhere in the page, at the bottom for instance, will result in the design loading blocking while the Stylesheets are downloaded. more...

Fixit - Javascript Placement

This test determines if your page has Javascript includes in inappropriate places. Grouping Javascript includes together at the end of the page markup is optimal for page load. Due to the HTTP specification putting Javascript includes elsewhere in the page, at the top for instance, will result in loading blocking while the Javascript files are downloaded. more...

Fixit - CSS Expression

This test determines if your page makes use of the CSS expression directive. The expession directive encapsulates Javascript code into CSS rules, effectively mixing styling data with functional logic. This is considered bad practice as they will affect page load time. But these Javascript expressions will also be re-evaluated when the user scrolls or interacts with the page. more...

Back to top
Switch to our desktop site | Archive