Performance web » Pensez aux favicon. Le favicon je pense que vous voyez ce que c’est : cette petite icône bête et méchante qu’on voit à côté de l’URL dans la barre d’adresse du navigateur. Là où c’est moins intuitif c’est que ce favicon peut avoir un impact important dans les performances de votre site. Qu’est ce qu’il se passe ? À chaque visite le navigateur va chercher cette icône. Le traffic lié à cette icône peut dépasser 10% du traffic total, principalement sur des sites « de passage » (9% sur Yahoo! Search nous dit Stoyan Stefanov). Une petite optimisation aura alors une grande influence. Premier échec Vous n’avez pas fait de favicon.ico, ou cette icône n’est pas à l’emplacement cherché par le navigateur. Second échec Vous n’avez pas mis un bête fichier dans /favicon.ico sans vous embêter plus. Troisième échec Votre favicon contient une version 16x16px, une 32x32px, une 48x48px, toutes en millions de couleurs.
Quatrième échec Vous avez gardé le chemin par défaut de /favicon.ico. CleanCSS: Optimize and Format CSS Online. CleanCSS is a handy online application for quickly optimizing and formatting Cascading Style Sheets online. In other words it allows to make your CSS well organized and clean. Using the site is easy, simply add CSS code directly or get it from URL, then select options according to your needs and apply them by hitting “Process CSS” button. Here is the list of things you can do: - Sort and optimize selectors and their properties. - Compress font-weight and colors. - Remove unnecessary backslashes and semi-colons. - Discard invalid properties. - Compress code layout in 4 compression modes ranging between high readability and smallest file size.
The output result can be obtained as a CSS file or viewed online as optimized and formatted CSS code along with the invalid properties and compression ratio. Check out CleanCSS @ www.cleancss.com. Guide du nouveau responsable Debian. Smush it!