Forums entraide et discussions

GG le sympa

Administrateur

Lieu : Graçay

Inscription : 03-08-2006 à 14:41

Messages : 17 567

Re : Limitation des requetes HTTP sur une page

Chaque image sur une site est définie comme une requete http envoyée au serveur et le serveur répond à cette requète, tout comme une feuille de style CSS ou une page html en texte.

Un exemple ?

20 images sur une page + 2 feuilles de style css + 1 javascript externe sur 1 page text/php

cela vous fait 24 requetes HTTP pour cette page.... c'est pas grave hein ? Mais si vous avez 100 visiteurs par heure cela vous fera 2400 requètes HTTP par heure.

Pourquoi surcharger votre serveur ? Préferez un design en styles CSS avec 3 ou 4 images par page ( background inclus ).

N'oubliez pas que vos logos affichés sur les sites distants étant hébergés sur votre serveur sont comptés eux aussi comme une requète HTTP. Et la c'est le comble car si vous avez référencé votre site avec un logo sur des topsites ou annuaires.

Les personnes affichant la page de l'annuaire ou votre logo est visible feront 1 requete HTTP.... C'est pas grave hein ? Mais quand vous avez référencé votre site dans 19 000 annuaires donc votre logo est visible 700 fois par heure donc 700 requètes HTTP par heure et ce n'est vraiment pas dit que cette requetes http se transforme en un visiteur qui se transforme aussitot en 24 requetes http !

donc si on fait le calcul ça vous fais 3100 requetes http par heure !

Préférez des liens textes en dur avec une belle balise title. Et évitez un trop plein de requete http.

Brigite Bardoox a dit : " protegeons nos amis les serveurs "

netref

Invité

Re : Limitation des requetes HTTP sur une page

Bonjour,

Je trouve votre post très intéressant. Sur le site internet de mon agence , nous l'avons optimisé au maximum (vous pouvez aller sur GTMetrix pour voir le nombre de requêtes http effectuées, et ça vous permet par la même occasion de vérifier les performances globales de votre site web).

Si je puis me permettre un petit conseil pour les fanas de l'optimisation comme moi (que je ne met pas en place car trop brouillon et mon site web est amené à être modifié en ce moment), il est largement possible de faire un site web avec 0 requête http.

Je m'explique :

      - Pour le CSS et le JS, il suffit de le générer en dur sur la page html, sans passer par un fichier. C'est une méthode que je déconseille car beaucoup trop brouillon, la meilleure des solutions reste de combiner plusieurs fichier CSS (par exemple) en un seul (sans oublier les @import).

      - Pour les images, il existe un système qui permet de ne pas faire de requête http : le base64 encode. En effet, ceci va (encore une fois) faire un code très sale (les balises images ressembleront à quelque chose de ce style : <img src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQEDEAFEZFAZ54564654DdzaddsqdazADAADada......dSQSDAzdsqdza55446dzA" />) mais l'image étant généré directement via le HTML, nous pouvons gagner en temps de chargement.

ATTENTION : il ne faut utiliser le base 64 sur les images uniquement si elles sont de petite taille. En effet, le temps de chargement d'une requête http étant en moyenne de 100ms, pour les grandes images il est préférable de perdre ces 100ms en temps de chargement puisqu'il est largement récupéré ensuite, le traitement de l'image se faisant plus rapidement avec une requête http.

En résumé, n'utilisez le base64_encode uniquement sur les images inférieures à 10ko. Sur une page traitant beaucoup de petites icônes par exemple, il est parfois possible de gagner entre 0.5 et 1 seconde au temps de chargement global.

Et surtout, allez faire un tour sur GTMetrix

J'espère que cela vous sera utile!

Gaudac.