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…

Qu’est-ce que l’Agentic SEO ? Comprendre comment les agents IA transforment l’exécution SEO et permettent aux équipes e-commerce d’aller plus vite.
Découvrez le nouveau dashboard de classement concurrentiel de Fasterize. Comparez vos performances à celles de vos concurrents et suivez votre PX Index mois après mois.
Classement de l'expérience utilisateur des sites les plus visités en France : TOP 50, travel, médias, e-commerce selon le PX Index. 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...
A partir de janvier 2026, notre méthodologie évolue avec le Performance Experience Index (PX Index). Un score conçu pour aller au-delà de la conformité technique, et mieux refléter la réalité vécue par l’ensemble des utilisateurs.

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…