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

Design & Development

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

Fixit - DNS Lookups

This test determines if your page uses more domain names than best practice recommends. Each unique domain name referenced by a webpage requires an additional DNS lookup, a timely network process that will ultimately slow the page loading. Grouping content on a small number of domains ensures the browser can quickly iterate through DNS lookups and proceed with page loading. more...

Fixit - Duplicate Resources

This test determines if your page makes use of duplicated resources. Including the same Javascript file or CSS file for instance will likely result in double the transfer time and will impact page load time. Duplication of page resources is typically the result of human error and should be avoided whenever possible. more...

Fixit - Etag Support

This test determines if your page resources are delivered using valid Etag caching support. Etags allow the browser to better understand which content can be cached and which should be re-validated on each page load. more...

Fixit - DOM Size

This test determines if your page DOM (Document Object Model) is excessively large. Larger page DOMs require more memory and their extra complexity require additional data transfer time. Reducing the DOM complexity and size drastically affects page load time. more...

Fixit - Redirect On Load

This test determines if your page experiences any redirects on initial load. Redirects require the browser to resend page requests and significantly increases initial page load time. more...

Fixit - Cookie Size

This test determines if your page is generating excessively large cookie data. Cookie data must be transmit by the browser with each HTTP request, so excessive cookie data will directly affect transfer speed and result in slower page load times. more...

Fixit - CSS Import Directive

This test determines if your page CSS makes use of the @import directive. The import directive allows one CSS file to include others but results in slower loading time as the downloads cannot be made in parallel. CSS files should be directly referenced in the HTML markup, or condensed into a single file to increase data transfer time. more...

Fixit - Image Crunch

This test determines if your page make use of images which are larger than necessary. Image files often contain metadeta and other information which is never displayed and can be stripped out to reduce the image filesize. Smaller files will transfer faster and result in a quicker page load time. more...

Back to top
Switch to our desktop site | mobiThinking | Archive