Statistiques sur la vitesse de chargement de chaque élément de votre Blog

La vitesse de chargement d'un blog/site/page est désormais prise en compte par Google dans le classement des résultats dans son moteur de recherche, il devient donc primordiale de penser à l'améliorer si vous désirez être bien référencé par Mr Google.

Voici un outil qui va vous permettre de connaitre le temps de chargement de chaque élément de votre blog ainsi que le taille que prend chaque fichier. Cela vous sera certainement utile pour faire quelques améliorations.
Pingdom
L'outil s'appelle Pingdom et même si le site est en anglais il est très facile à utiliser.

Il suffit d'entrer l'adresse de votre page d'accueil ou de n'importe quelle autre page et Pingdom vous donnera le temps de chargement de chaque élément ainsi que le temps total du chargement de cette page.

Classer les résultats d'analyse

Vous pouvez classer les résultats d'analyse selon 5 paramètres :
  • Load order : Par ordre de chargement, c'est à dire du haut en bas de votre blog : L'entête, la barre des articles, la colonne des widgets puis le bas du blog.
  • Load time : Par temps de chargement, du plus lent au plus rapide.
  • File Type : type de fichier : Image, JavaScript, CSS ...
  • URL.
  • File size : par taille des fichiers, en Kb.
Pingdom

    Mes statistiques

    Voici quelques statistiques de LeBlogger.com vous pouvez les comparer à celle de votre blog et laisser vos remarques dans les commentaires.

    La page d'accueil

    Pingdom

    Un article

    J'ai pris comme exemple l'article Beau Blogger 02 qui, contrairement à la page d'accueil, contient 7 grandes images + les commentaires + les smilies + le widget Linkwithin + 2 widget BlogBang + la barre de partage et ses scripts ...
    Pingdom
    Comme vous pouvez le voir il y a presque 10 secondes de différence entre la page d'accueil et celle de l'article, ceci peut être en grande partie expliqué par la taille et le nombre des images : 21 images - 101 KB dans la page d'accueil et 61 images - 510 KB dans la page de l'article, c'est énorme !!!

    Quelques minutes plus tard j'ai refait l'analyse et le temps de chargement du même article est passé de 11,5 à 3 secondes (celui da la page d'accueil a légèrement augmenté) !!!
    Cela montre que la charge et la qualité des serveurs de Google et de tous les autres widgets qu'on utilise sur nos blogs peut considérablement influencer la vitesse de chargement de nos Blogspots.
    Statistiques

    Classement des éléments du blog par vitesse de chargement (du +lent au +rapide)

    Dans la page d'accueil
    Pingdom
    Dans l'article
    Pingdom

    Les archives

    à chaque fois que vous faites une analyse, Pingdom va archiver les résultats.
    Vous pouvez consulter ces archives à chaque nouvelle analyse.
    Pingdom

    D'autres outils

    • Consulter Google Webmaster Tools section Labos > Performances du site.
    • Google Page speed un extension Firefox (avec Firebug).

    Et vous

    N'hésitez pas à partager les stats de votre blog en laissant un petit commentaire ...
    14 Commentaires

    1. Salut Soufiane,
      Les résultats obtenus avec Pingdom sont très différents de ceux obtenus avec "Performance du site" dans "google webmaster tools". Le ratio est 1 à 3.
      Quels sont les bons? ;)

      RépondreSupprimer

    2. Bonjour, tu as raison apparemment la vitesse de chargement est importante maintenant...Moi c'est la manière de gagner de la place préconisée dans "performance du site" que je ne comprend pas trop...:
      Autoriser la compression à l'aide de gzip
      Regrouper les fichiers javascript externes
      Limiter le nombre de résolutions DNS
      Regrouper les fichiers CSS externes
      ....
      Soufiane, si pour toi c'est compréhensible, pense-tu faire un topic à ce sujet ? Par exemple j'ai essayé avec gzip mais je n'ai pas de procédure et malgré ma bonne volonté je n'y comprend pas grand chose...

      RépondreSupprimer

    3. @parsifal32
      @Vlad

      Je les ai cité juste pour vous donner une idée générale du temps de chargement du blog. Pour LeBlogger.com c'est ~10 secondes

      99% des conseils de Google Webmaster Tools et de l'extension Page Speed ne peuvent pas être appliqués dans Blogger ...

      Par exemple ils demandent de regrouper les fichiers JavaScript du bouton TweetMeme , c'est pas possible !!!!

      RépondreSupprimer

    4. Ah ok...
      merci Soufiane !
      Au fait ta nouvelle présentation Leblogger me plait bien, c'est plus clair, plus aéré et les tons assez pastels sont réussis. La lecture en est facilitée.

      RépondreSupprimer

    5. Bonsoir,
      J'ai un outil en ligne pour optimiser les images sans en affecter la qualité visuelle: http://geekastuces.blogspot.com/2010/02/optimisez-vos-images-avec-smushit.html
      Merci pour tes conseils

      RépondreSupprimer

    7. @Philippe Tyrode
      Personnellement je passe les images par Photoshop et je les enregistre en PNG8 ou JPG qualité moyenne ...

      RépondreSupprimer

    8. 6 secondes pour moi, c'est un mieux que les 7,67 du test que j'avais fait sur le même site en 2008 ;-)

      RépondreSupprimer

    9. De mon côté c'est pas brillant :) mais bon, je peux faire le mm teste plusieurs fois de suite et j'obtiens jamais le même résultat ^^

      RépondreSupprimer

    10. @Flav
      Héhé en 2008 j'étais pas né :)
      Avec et sans le bouton J'aime de Facebook, LeBlogger.com bascule entre 2s et 6s

      Merci pour le commentaire

      RépondreSupprimer

    11. @FOx15
      ça dépond aussi de la charge des serveurs :))

      Moi le truc que j'aime dans Pingdom c'est qu'il donne la taille de chaque élément et il affiche en rouge les scripts qui ne fonctionnent plus ...

      Par exemple, je ne savais pas que le widget Articles Aléatoire faisait 1Mo, ni que le bouton J'aime de Facebook ajoutait plusieurs dizaines de fichiers CSS, JS et images.

      RépondreSupprimer

    12. Bonjour :) , mon cher frère,

      I. .. je vous remercie pour vos efforts merveilleux :(

      Vous avez beaucoup de créativité et

      j'ai observée à travers vos messages :p

      Et plus la beauté sur ce blog est les Smiles :(

      Y at-il des leçons sur votre blog pour ajouter ces sourires ?

      io9@hotmail.fr
      http://k-nowledge.blogspot.com/
      http://www.facebook.com/infokhaledz

      RépondreSupprimer

    13. Est ce que quelq'un aurait une étude sur des échantillons de sites, quelle est la vitesse moyenne, l ecart type bref comment est la distribution.
      Moi j'ai optimisé mes pages et j'arrive a 1.4 secondes :) mais je suis obsédé par le fait d'améliorer constamment. google webmaster tools m'apprend que 18% des sites sont plus rapides que le mien

      RépondreSupprimer

    Copyright 2012 LeBlogger.com