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…

Fasterize sponsorise pour la première BrightonSEO et anime une conférence pour montrer comment EdgeSEO transforme les tests en impact business réels. Rejoignez-nous le 23 octobre à 11h00 (Auditorium 2) pour notre conférence « Edge SEO : du test à l'impact », et rendez-vous au stand n° 60 pour découvrir comment rendre votre référencement plus rapide, plus intelligent et prêt pour l'IA.
Google n’est plus seul dans le jeu. ChatGPT, Perplexity, Gemini redessinent les parcours d’achat et les règles du SEO. Le 15 octobre à 11h, Fasterize et WAM vous dévoilent comment bâtir un SEO agile grâce à la méthode Test & Learn et à l’EdgeSEO, pour rester visible à l’ère de l’IA générative.
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...
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…