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…

Google commence enfin à lever le voile sur les AI Overviews. Avec un nouveau rapport dédié dans Search Console et un bouton permettant d'exclure ses contenus des expériences IA, les éditeurs disposent de nouveaux leviers pour comprendre et contrôler leur visibilité. Une avancée importante, même si la donnée que tout le monde attend - les clics - manque toujours à l'appel.
Les agents IA changent la manière dont les sites web doivent être pensés. Pour rester visibles, compréhensibles et actionnables, les sites à fort trafic doivent renforcer leurs fondamentaux : HTML sémantique, accessibilité, données structurées et llms.txt.
Lighthouse audite désormais la présence d’un fichier llms.txt. Ce fichier ne booste pas votre SEO Google, mais il aide les agents IA à comprendre plus vite la structure, les contenus clés et l’offre de votre site.
La performance web est essentielle pour offrir une expérience utilisateur optimale. Chaque lenteur peut aboutir à un abandon de la navigation ou du parcours d’achat.

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…