http://css-tricks.com/css-sprites/
http://www.mobify.com/blog/data-uris-are-slow-on-mobile/?utm_source=twitter&utm_medium=social&utm_content=920329
=> nawak door (comparison of hidden images (not even in localstorage) and inline images)
http://bbinto.wordpress.com/2013/05/02/performance-check-the-weight-of-cbcs-logo-as-pure-css-data-uri-and-simple-png/
One of the techniques raised for speeding up websites is doing some sprites. Sprites are hard to do, unmaintanable, don’t use them (or use them with a carefully crafted process)
What is a sprite
Why using a sprite
How to use a sprite
Why it fails
Automatic spriting ?
Like concatenation, very hard to find the right combination that work for the most of the pages.
Use something else
Spriting is a rule that fall in the category “make less requests”.
So you can use these rules instead :
– lazyloading
- inlining
(for above the fold images and not cached images or for mobile)
