Pour optimiser vos PNG je vous conseille l'excellent logiciel PngOptimizer (malheureusement disponible que sous Windows) qui vous permettra par un simple drag and drop sur l'interface GUI (loin des obscures lignes de commande) d'optimiser le poids de vos PNG.
Performance web et optimisation web
14 juillet 2008
@import vs link
Par Guy-Philippe le 14 juillet 2008, 17:04
J'ai eu l'occasion de lire un peu à droite et à gauche que certaine personne préfère utiliser link par rapport au @import au niveau des performances web et surtout que @import ne servait à rien ce qui m'a fait réagir, il ne faut pas dire n'importe quoi non plus.
Pourquoi j'utilise des @import au lieu de plusieurs link, la raison est très simple pour faciliter l'intervention dans le CSS sans devoir revenir constamment modifier le XHTML je crée un link vers mon style.css et ensuite je contrôle le chargement des CSS directement depuis des @import dans mon style.css. Avantage de cette méthode si je change le nom de la CSS ou de Framework CSS je ne suis plus obligé d'intervenir dans mon fichier XHTML ce qui est très pratique lors de l'industrialisation du code. Après de nombreuses réflexions, c'est la méthode qui me paraissait la plus flexible et que nous avons employée pour notre plateforme.
C'est pas pour dire, mais je pense qu'actuellement c'est la vague de la performance Web, je ne dis pas que ce n'est pas une bonne chose au contraire il suffit de regarder les sites que nous développons depuis le début chez Kayuko ou à l'époque je me fixais une limite des 34ko (temps de réponse de 10 secondes sur un modem RTC 56k) pour une page d'accueil d'ailleurs si mes souvenirs sont bon Jakob Nielsen conseillait de ne pas dépasser cette limite. Pour vous donner une petite idée, il suffit de regarder notre comparateur de prix. Qui sait ce que sera la prochaine vague l'utilisation correcte de la sémantique du XHTML :).
Ce serait bien de s'intéresser à l'optimisation des bases de données qui manque cruellement d'article sur le sujet, surement parce que les consultants sont très très cher :).
Note personnelle : me reconvertir en consultant performance web.
Edit : Le livre Conception de sites web : L'Art de la simplicité de Jakob Nielsen abordait le volume des pages et temps de réponse. Autre livre que je vous conseille L'art de la page d'accueil : 50 sites web passés au crible du même auteur.
23 juillet 2006
GIF vs PNG
Par Guy-Philippe le 23 juillet 2006, 00:32
J'entends souvent dire la compression du format PNG est plus performante que celle du format GIF. Je vais vous démontrer qu'en fait dans certains cas le GIF a un meilleur taux de compression que le PNG. Alors, certains me diront que cela se joue sur quelques octets, mais quand j'utilise une technologie ou un format spécifique je l'utilise si cela m'apporte quelque chose même quelques octets.
L'image utilisée par défaut est composée de 2 couleurs (rouge et bleu), seules les dimensions exprimées en pixel (largeur x hauteur) changent.
- Format GIF
- Image 1x1 : 43 octets
- Image 10x10 : 56 octets
- Image 20x20 : 81 octets
- Image 24x24 : 91 octets
- Image 25x25 : 94 octets
- Image 30x30 : 107 octets
- Format PNG
- Image 1x1 : 87 octets
- Image 10x10 : 90 octets
- Image 20x20 : 92 octets
- Image 24x24 : 92 octets
- Image 25x25 : 93 octets
- Image 30x30 : 93 octets
En conclusion, tout dépendra du type d'image, mais sur les images de moins de 24 pixels le format GIF affiche un meilleur taux de compression que le format PNG. Cependant, le format PNG est plus performant lors de la compression de dégradé. Donc, j'utilise le format GIF que dans certains cas lorsque celui-ci permet de gagner quelques octets.
17 septembre 2005
Online CSS Optimizer
Par Guy-Philippe le 17 septembre 2005, 19:00
CSS Optimizer est un site qui permet d'optimiser les fichiers CSS en supprimant les espaces, les commentaires et en regroupant les propriétés CSS. Ce n'est pas aussi performant qu'une optimisation manuelle, mais pour une version 0.3 c'est prometteur.
10 octobre 2004
6,5 millions d'abonnés bas-débit en France !
Par Guy-Philippe le 10 octobre 2004, 20:20
Le nombre d'abonnés bas-débit en France au premier trimestre 2004 est de 6,517714 millions pour près de 11 millions d'abonnés Internet. Le nombre d'abonnés haut-débit est de 4,416044 millions. Ce qui peut faire réfléchir certain Webdesigner et concepteur Web lors de la réalisation de leurs sites.
Les pages des sites Web deviennent de plus en plus obèses (photos, illustrations, flash...), sachant qu'une page de 30Ko met environ 10 secondes à s'afficher, ce qui représente le délai maximal permettant à l'utilisateur de rester concentré sur ce qu'il fait. Selon une étude menée par Proven Edge Inc. 7 à 10% des visiteurs interrompent le téléchargement des pages dès que le volume de dépasse 33Ko et 25 à 30% dès que celui-ci dépasse les 40Ko.
Sources : Le Journal du Net et Proven Edge Inc.« billets précédents - page 1 de 2
