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…

Reprenez la main sur vos optimisations SEO techniques sans passer par les devs : réécriture d’URL, correction des inlinks, redirections 301… tout se fait via un simple CSV avec l’application Bulk URL Rewriting. Moins de tickets, plus de résultats.
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...
LLMs.txt : préparez votre SEO à l’ère des IA génératives. Découvrez comment rendre vos contenus visibles pour les agents IA et testez ce nouveau fichier avec EdgeSEO.
Tous nos classements webperf sont archivés sur cette page. Suivez l’évolution des performances, mois après mois. Analysez les tendances webperf par secteur. Identifiez les champions de la webperf et ceux qui doivent encore progresser.

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…