Réduisez le nombre de composants sur vos pages. Ne vous sous estimez pas, vous pouvez aussi le faire.
Les requêtes HTTP sont la manière 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 de la livraison du code HTML, le navigateur l'analyse et recherche des demandes supplémentaires 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 votre page contient d'images, de scripts, de CSS, de Flash, etc., plus il y aura de demandes 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 aucun) 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 - Il est important d' utiliser des feuilles de style et des scripts externes pour les empêcher de ralentir les temps de chargement de vos pages, mais ne disposez pas de plus d'un CSS et d'un fichier de script.
- Utilisez des sprites CSS - Lorsque vous combinez la plupart ou la totalité de vos images en 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 cartes d'images ne sont pas aussi populaires qu'elles l'étaient autrefois, 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 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, alors 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.
