Details
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.
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
- All
- Comments
- History
- Activity
- Remote Attachments
- Subversion
Patrick Corless
created issue -
Ted Goddard
made changes -
Field | Original Value | New Value |
---|---|---|
Fix Version/s | 1.2 Beta [ 10344 ] | |
Assignee | Steve Maryka [ steve.maryka ] | Patrick Corless [ patrick.corless ] |
Migration
made changes -
Fix Version/s | 1.3 Beta [ 10373 ] | |
Fix Version/s | 1.2 Beta [ 10344 ] |
Philip Breau
made changes -
Fix Version/s | 1.4 Beta [ 10874 ] | |
Fix Version/s | 1.3 Beta [ 10373 ] |
Patrick Corless
made changes -
Status | Open [ 1 ] | Resolved [ 5 ] |
Resolution | Won't Fix [ 2 ] |