Les requêtes HTTP sont la façon dont les navigateurs demandent à afficher vos pages. Lorsque votre page Web se charge dans un navigateur, le navigateur envoie une requête HTTP au serveur Web pour la page dans l'URL. Ensuite, au fur et à mesure que le code HTML est livré, le navigateur l'analyse et recherche des demandes supplémentaires d'images, de scripts, CSS, Flash, etc.
Chaque fois qu'il voit une demande pour un nouvel élément, il envoie une autre demande HTTP au serveur. Plus il y a d'images, de scripts, de CSS, de Flash, etc. que votre page a plus de demandes seront faites et plus vos pages se chargeront lentement. Le moyen le plus simple de réduire le nombre de requêtes HTTP sur vos pages est de ne pas utiliser beaucoup (ou pas du tout) d'images, de scripts, de CSS, de Flash, etc. Mais les pages qui ne sont que du texte sont ennuyeuses.
Comment réduire les requêtes HTTP sans détruire votre conception
Heureusement, il existe plusieurs façons de réduire le nombre de requêtes HTTP tout en conservant des conceptions Web riches et de haute qualité.
- Combiner des fichiers - Utilisant feuilles de style externes et les scripts sont importants pour les empêcher de ralentir les temps de chargement de vos pages, mais n'avez pas plus d'un CSS et d'un fichier de script.
- Utiliser des sprites CSS – Lorsque vous combinez la plupart ou toutes vos images dans un sprite, vous transformez plusieurs demandes d'images en une seule. Ensuite, vous utilisez simplement la propriété CSS background-image pour afficher la section de l'image dont vous avez besoin.
- Cartes d'images – Les images cliquables ne sont plus aussi populaires qu'auparavant, mais lorsque vous avez des images contiguës, elles peuvent réduire plusieurs requêtes 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 script combinés, vous pouvez également améliorer les temps de chargement des pages internes. Par exemple, si vous avez une image de sprite qui contient des éléments de pages intérieures ainsi que votre page de destination, puis lorsque vos lecteurs accèdent à ces pages internes, l'image est déjà téléchargée et dans le cache. Ils n'auront donc pas non plus besoin d'une requête HTTP pour charger ces images sur vos pages intérieures.