ICEmobile
  1. ICEmobile
  2. MOBI-261

Incorporate Base64 image incoding into our device theme CSS.

    Details

    • Type: New Feature New Feature
    • Status: Resolved
    • Priority: Major Major
    • Resolution: Won't Fix
    • Affects Version/s: None
    • Fix Version/s: 1.4 Beta
    • Component/s: Faces, Spring
    • Labels:
      None
    • Environment:
      Spring or JSF

      Description

      The Device themes use only a few small images for various components. Encoding the image data via base64 encoding has its pros and cons.
        
      Pros
      - images are loaded immediately with the style sheet
      - reduces the total number of http request/responses

      Cons
      - images encoded are about 30% larger when encoded in base64, offset using gizip but still bigger
      - managing the base64 encoded images is a bit tedious.

      The initial tests show that style sheets even when compressed are about double the previous sized.
      Fore example using the Iphone Theme:
      Pre base64, iphone-min.css 28KB
      Post base64, iphone-min.css 59 KB

      The total images for the the iphone-min.css theme amount to 18KB. That said there are about 2.4KB of images that are duplicate in the base64 style sheet. However when I look at these numbers the cost of base64 doesn't seem to make it worth while.

      The JSP component build script balloons to 38 sec from 9 seconds when compressing base64 encoded CSS files which is also an interesting fact. Most of our themes currently 7 images so we need to justify if the cost of the extra http requests is greater or less then a larger CSS file.



        Activity

        There are no subversion log entries for this issue yet.

          People

          • Assignee:
            Patrick Corless
            Reporter:
            Patrick Corless
          • Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: