Impact du délais de chargement d’une page

On le sait tous le temps de chargement d’une page internet est de plus en plus important, pour l’utilisateur mais aussi pour Google qui a placé ce critère comme étant l’un des critères de classement d’une page. Donc plus votre site sera lent moins il aura de chance d’attirer les visiteurs et donc d’être bien classé dans l’index de Google.

Selon Jakob Nielsen il y a trois phases en fonction du temps de réponse d’un site internet :

-0,1 seconde, c’est le temps de l’instantané, l’utilisateur ne ressent rien il navigue sur le site naturellement sans forcément prendre conscience qu’il y a du téléchargement
-1 seconde, l’utilisateur sent le délais mais sait que la page est entrain de s’afficher
-10 secondes, de 1 à 10 secondes c’est la limite acceptable pour l’attente au delà l’utilisateur va partir du site

Google dans son outil webmastertools met d’ailleurs la limite entre un site rapide et un lent à 1,5 secondes comme on peut le voir sur le screen ci-dessous :

Alors pour identifier ce qui peut coincer ou bien être optimiser vous pouvez utiliser les outils suivants :

Pingdom :

Ou encore loadimpact :

Quelques actions qui vont améliorer le temps de chargement :

Taille des images

Souvent la taille des images est problématique, les images sont souvent lourdes et peuvent être optimisées (voir ces outils d’optimisation d’images).

Time to First Byte

Le Time to First Byte (à tester ici) est lui aussi parfois en cause, soit cela vient de votre hébergement qui n’est pas au top soit votre base mysql est trop lourde si vous êtes sous wordpress un bon moyen pour alléger le tout est d’effacer les « revisions » des articles, un plugin « better delete revision » fait très bien ce travail de nettoyage et l’ajout de cette ligne dans le fichier wp-config.php devrait interdire l’ajout des révisions :

define('WP_POST_REVISIONS', false);

Pour avoir fait l’opération le gain de la table wp_post est de 70% (55,9Mb à 17,4Mb)

Avant :

Après :

Sur l’un des blogs le TTFB est passé de 1000ms à 800ms après il faut faire vos propres tests mais réduire la taille de la base de données ne vous fera pas de mal.

Passer les images sur un sous domaine

Un navigateur web peut faire des téléchargements en parallèle alors si vous mettez vos fichiers statiques sur un sous domaine comme images.2803.fr vous allez être forcément plus rapide qu’avec un dossier comme www.2803.fr/images. Une première étape est de migrer les images du thèmes sur le sous-domaine et ensuite vous faite la même chose avec les images des articles donc du répertoire wp-content de wordpress, cela fera l’objet d’un prochain article.

Voilà comment faire pour optimiser « rapidement » le temps de chargement de vos pages, gagner quelques précieuses secondes et de faire en sorte que vous ne soyez pas pénalisé par Google et vos visiteurs aussi!

Publié le juillet 27, 2011 par . Cette article a été publié dans seo et taggé , , , . Enregistrer le lien de l'article.

12 commentaires sur “Impact du délais de chargement d’une page”

  1. Le temps de chargement peut réellement avoir un impact énorme.

    J’avais fait un article il y a quelques temps (cf Temps de chargement et ecommerce) et j’étais tombé sur des chiffres hallucinants, avec notamment ces deux là :
    – Si Shopzilla passe de 7 à 2 secondes de temps de chargement, ils perdent 7 à 12% de CA
    – Avec 100 ms de temps de chargement supplémentaire, Amazon perd 1% de ses ventes

    Donc oui, le temps de chargement est un élément crucial dans un site Internet !

  2. Excellente, l’idée de basculer les images sur un sous domaine.
    Par contre, le transfert en lots, c’est encore quelque chose à inventer si je ne m’abuse ;)
    Pour alléger les révisions, il y a WP-optimize qui est aussi très bien !

  3. J’ai l’impression que les scripts (statistiques), les outils de partage sur twitter, facebook et G+1 et les gravatars (!!) sont les principaux ralentisseurs, à regarder de près les analyses de Loadimpact et de Pingdom…

  4. C’est en effet le cas un vrai saloperie ces scripts, un moyen est de rendre asynchrone leurs chargements http://headjs.com/

    Pour le batch je suis entrain d’optimiser un giga d’images avant de le mettre sur le sous domaine. Les images du theme sont déjà en sous domaine.

  5. Si tu voulais augmenter ta vitesse d’affichage tu devrais remplacer tes PNG qui te servent d’aperçu de billets par du jpeg, tu aurais quasiment la même qualité en étant 2 à 3 moins lourd, Pareil pour body_bg1.png qui pourrait maigrir x 10 ! Hé hop déjà 80 ko de gagné :-)

  6. Tiens tu as une version en cache de body_bg1.png qui ne fait plus que 10ko depuis hier ;) Les PNG sont en cours d’optimisation mais c’est long l’optimisation des PNG, j’ai 1 giga à optimiser…

  10. Quentin, ton hébergeur est peut-être la cause première, s’il est lent tu auras beau faire toutes les optimisations possibles tu gagneras pas grand-chose !

  11. Je tombe par hasard sur cet article.. petite vérification.. arrrggg ! « plus lent que 90% des sites.. »
    Merci ! Adieu le moi d’aout tranquille..

Les commentaires sont fermés.