Search and Top Navigation
#9406 closed feature (wontfix)
Opened June 27, 2013 01:04PM UTC
Closed June 27, 2013 01:12PM UTC
Last modified June 27, 2013 01:17PM UTC
minified images
| Reported by: | sfornengo | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | none |
| Component: | ui.core | Version: | 1.10.3 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
I am coding a cache offline manifest for a website using jquery ui.
It is a mess because jquery ui css loads many images (see in themes/minified/images) and it is not easy to know which are useful and which are not by the website.
So, the idea would be to optimize all this image requests:
/minified/images/ui-icons_2e83ff_256x240.png
/minified/images/ui-icons_222222_256x240.png
/minified/images/ui-icons_454545_256x240.png
/minified/images/ui-icons_888888_256x240.png
/minified/images/ui-icons_cd0a0a_256x240.png
could be only one mask: /minified/images/ui-icons_256x240.png
and the color declinations could be generated in js using canvas (http://caniuse.com/canvas), saving request and bandwidth in few lines of js.
the following images could be generated in js on the fly instead of generating request:
/minified/images/ui-bg_flat_0_aaaaaa_40x100.png
/minified/images/ui-bg_flat_75_ffffff_40x100.png
/minified/images/ui-bg_glass_55_fbf9ee_1x400.png
/minified/images/ui-bg_glass_65_ffffff_1x400.png
/minified/images/ui-bg_glass_75_dadada_1x400.png
/minified/images/ui-bg_glass_75_e6e6e6_1x400.png
/minified/images/ui-bg_glass_95_fef1ec_1x400.png
/minified/images/ui-bg_highlight-soft_75_cccccc_1x100.png
in conclusion, minified image number could be reduced from 14 to 2 (thanks for cache manifest), saving request and bandwidth and speeding up website loading time in browsers supporting canvas.
We're not going to switch to canvas for images, especially since that would add a dependency for a canvas shim in old IE.