dotMobimobiForgemobiReadyDeviceAtlasgoMobi
background image
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    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.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    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.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    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.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    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.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    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.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    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.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    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.
  • Best Practices - Posted by mark.anderson - 14 Jan 2014
  • Thumbnail of Section Feature Image

    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.
  • Best Practices - Posted by mark.anderson - 09 Jan 2014
  • Thumbnail of Section Feature Image

    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.
  • Best Practices - Posted by mark.anderson - 09 Jan 2014
  • Thumbnail of Section Feature Image

    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.