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…

Classement webperf des sites les plus visités en France : TOP 50, travel, médias, e-commerce. Basé sur les Core Web Vitals, des métriques qui évaluent plusieurs aspects de l'expérience utilisateur de votre site en fonction des performances de chargement, de l'interactivité et de la stabilité visuelle de la page. UX, SEO, webperf...
Rendez-vous au One to One Monaco du 11 au 13 mars 2025. Inscrivez-vous à notre table ronde e-commerce du 12 mars à 17h et venez aussi échanger sur notre stand.
Rendez-vous au One to One Monaco du 11 au 13 mars 2025. Inscrivez-vous à notre table ronde e-commerce du 12 mars à 17h et venez aussi échanger sur notre stand.

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…