#9406 closed feature (wontfix)
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.
Change History (2)
comment:1 Changed 10 years ago by
| Resolution: | → wontfix |
|---|---|
| Status: | new → closed |
comment:2 Changed 10 years ago by
it is easy to fallback to old image system in case of browser not supporting canvas (less than 15% in the world)
We're not going to switch to canvas for images, especially since that would add a dependency for a canvas shim in old IE.