Avoir un site qui répond rapidement, c’est fondamental.
Le problème, c’est que faire un site qui réponde rapidement, c’est pas si simple que ça.
Beaucoup de facteurs entrent en compte :
- La qualité du système serveur, logiciel et matériel
- L’architecture des serveurs
- La bande passante, achetée chez l’hébergeur
- La bande passante, chez le client
- Les caches, qui interviennent à différents niveau (de la base de données au cache réseau type Akamai)
- La structure et le contenu de la page web
Quand le navigateur doit afficher une page, il doit en fait faire plusieurs requêtes pour aller chercher les différents éléments de la page.
Si la page est composé de 30 images, le navigateur va faire 30 requêtes, une par image.
D’ou la solution, de regrouper les images, pour diminuer très fortement le nombre d’images à charger.
Ensuite, c’est au niveau du CSS qu’on défini la zone de la grande image qu’on veut afficher.
Typiquement, on utilise cette méthode pour les images du ‘template’ (bordures, boutons, …).
Autre avantage très important pour cette méthode : elle permet de gérer les différents états d’un bouton très proprement, puisque ces différents états sont pré-chargés à l’affichage de la page. Quand le bouton doit changer d’état (clic souris par exemple), l’affichage de la nouvelle image est instantanné, parce qu’il n’y a pas de requête pour aller chercher une nouvelle image.
Qui utilise ce type de technique ? Amazon par exemple…
