Opened 7 years ago

Closed 7 years ago

Last modified 7 years ago

#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 7 years ago by Scott González

Resolution: wontfix
Status: newclosed

We're not going to switch to canvas for images, especially since that would add a dependency for a canvas shim in old IE.

comment:2 Changed 7 years ago by sfornengo

it is easy to fallback to old image system in case of browser not supporting canvas (less than 15% in the world)

Note: See TracTickets for help on using tickets.