Les requêtes HTTP permettent aux navigateurs de visualiser vos pages. Lorsque votre page Web est chargée dans un navigateur, celui-ci envoie une requête HTTP au serveur Web pour la page dans l'URL. Ensuite, lors de la livraison du code HTML, le navigateur l’analyse et recherche d’autres demandes d’images, de scripts, de CSS, de Flash, etc.
Chaque fois qu'il voit une requête pour un nouvel élément, il envoie une autre requête HTTP au serveur. Plus le nombre d'images, de scripts, de CSS, de Flash, etc. associés à votre page est élevé, plus le nombre de demandes effectuées et le chargement de vos pages étant lent. Le moyen le plus simple de réduire le nombre de requêtes HTTP sur vos pages est de ne pas utiliser beaucoup (ni aucune) images, scripts, CSS, Flash, etc. Les pages qui ne sont que du texte sont ennuyeuses.
Comment réduire les demandes HTTP sans détruire votre conception
Heureusement, il existe plusieurs moyens de réduire le nombre de requêtes HTTP, tout en maintenant des conceptions Web riches de haute qualité.
- Combiner des fichiers - Il est important d’utiliser des feuilles de style et des scripts externes pour éviter qu’ils ne prennent trop de temps de chargement, mais ne disposez pas de plus d’un CSS et d’un fichier de script.
- Utiliser des sprites CSS - Lorsque vous combinez la plupart ou la totalité de vos images dans une image-objet, vous convertissez plusieurs demandes d'images en une seule. Il vous suffit ensuite d'utiliser la propriété CSS background-image pour afficher la section de l'image dont vous avez besoin.
- Cartes d'image - Les cartes d'image ne sont plus aussi populaires qu'elles l'étaient auparavant, mais lorsque vous avez des images contiguës, elles peuvent réduire plusieurs demandes d'images HTTP à une seule.
Utiliser la mise en cache pour améliorer les temps de chargement des pages internes
En utilisant des sprites CSS et des fichiers CSS et scripts combinés, vous pouvez également améliorer les temps de chargement des pages internes. Par exemple, si vous avez une image-objet contenant des éléments de pages intérieures ainsi que votre page de destination, lorsque vos lecteurs accèdent à ces pages internes, l'image est déjà téléchargée et se trouve dans le cache. Ils n’auront donc pas besoin d’une requête HTTP pour charger ces images sur vos pages intérieures.
