Sommaire

Don’t use sprites

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
=> porte nawak (comparaison d’images cachées (meme pas dans le localstorage) et d’inline)
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)
Sommaire
Partagez !
Recevoir la newsletter

Publié par

Partagez !

Découvrez d’autres articles…

Mais restez informé !

S’inscrire !

Chaque mois, pas plus, recevez :

🆕 Les dernières publications sur notre blog : évolutions de la plateforme, nouvelles fonctionnalités, événements, conseils techniques, analyses…

💡 Une sélection d’articles de veille : actualités techniques, tips, tutos, et autres trouvailles sur la webperf…

Solutions