Commentaires sur : PNG2CSS : un outil pour théoriquement accélerer le chargement des pages

Par : Base64 Encoder, un encodeur pour accélérer vos pages web | AbriCoCotier.fr

Base64 Encoder, un encodeur pour accélérer vos pages web | AbriCoCotier.fr — Wed, 28 Jul 2010 09:25:35 +0000

[...] contre, je discutais tout à l’heure avec Rangzen Kermit (qui s’avère être camarade de promo ), et il me disait que ce qui serait bien, ce serait [...]

Par : Des images encodées en Base64 pour accélérer le chargement de sa page en diminuant les requètes | AbriCoCotier.fr

Tue, 27 Jul 2010 12:11:22 +0000

[...] appeler le serveur, établir une connexion, et télécharger le fichier. Cela peut passer par la transformation des images en pixels CSS, ou bien également pas leur définition en Base64. Je n’avais jusqu’alors pas trop [...]

Par : Video #3 – Augmenter la rapidité de son blog! | Agir Emploi

Video #3 – Augmenter la rapidité de son blog! | Agir Emploi — Fri, 23 Jul 2010 03:05:49 +0000

[...] même si celle-ci n’est pas demandée/payée. Faisant actuellement du développement Python, et ayant un certain attrait pour ça, je me suis donc demandé quel serait le gain en performance [...]

Par : Augmenter la rapidité de son blog en passant de Wordpress à Plone ? | AbriCoCotier.fr

Mon, 19 Jul 2010 14:53:26 +0000

Par : Kermit

Kermit — Wed, 28 Apr 2010 09:01:51 +0000

Autant pour moi.
Il faudrait un jour que je cherche un script qui permet de générer ces sprites et le css automatiquement…

Sinon pour IE il aura toujours des gaulois…
http://www.precisement.org/blog/+IE-6-trop-vieux-Merci-pour-la+.html

Par : Louis

Louis — Wed, 28 Apr 2010 08:53:46 +0000

@Kermit: Oui, j’ai vu pour les sprite-css, je l’ai même précisé dans le premier paragraphe de l’article

Pour les DUS, l’idée reste bonne, mais IE fait vraiment suer à jamais respecter les standards, ça commence à être lourd.

Par : Kermit

Kermit — Wed, 28 Apr 2010 07:59:46 +0000

Effectivement pour IE<8 il y a un probleme, mais contournable via MHTLM :
dans le css on duplique l'image (nouvelle perte en taille, mais toujours mieux que du full CSS), une fois en MTHML pour ie, et une fois avec l'URI Data scheme.

http://www.phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under/

Mais si tu veux juste réduire le nombre de fichiers, sans perte de taille, tu a aussi le CSS sprite :
sur la même image, tu fait un patchwork des images de ta page, et dans le CSS tu definit pour chaque image à quelle portion de l'image originale elle correspond (et là il y a matière à développer des scripts !) :

les images de google.com :
http://www.google.com/images/nav_logo8.png

des explications :
http://css-tricks.com/css-sprites/

un générateur :
http://spritegen.website-performance.org/

Par : Louis

Louis — Wed, 28 Apr 2010 06:25:46 +0000

@Kermit: Merci pour l'info (je ne connaissais pas) (honte sur moi). Je vais faire des tests. A priori le DUS peut être très intéressant, mais de ce que j'ai lu sur Wikipédia, il peut y avoir des problèmes de compatibilité (contrairement à la technique du CSS basique présenté ci-dessus).

Par : Kermit

Kermit — Tue, 27 Apr 2010 17:49:16 +0000

Pour le fond uni d’accord…
sinon :
http://en.wikipedia.org/wiki/Data_URI_scheme