Pingdom Tools, des outils pour le temps de chargement de votre site…

Par Frédéric Pereira::
le 1 avril 2009 à 12:00::
Blogosphère, Design, Web 2.0

Découvert chez Fabien, Pingdom Tools fait partie de ces outils que tout bon webmestre devrait connaître et utiliser. En effet, ce service vous permet de tester très facilement le temps de chargement de votre site ou de votre blog et d’avoir un rapport détaillé de ce qui va… et de ce qui ne va pas. Un bon moyen d’y voir plus clair et d’optimiser correctement ses pages.

L’internaute est fainéant et il aime tout obtenir tout de suite. Et c’est la raison pour laquelle il est nécessaire d’optimiser ses pages pour qu’elles s’affichent le plus vite possible. D’ailleurs, au-delà de dix secondes, il y a de fortes chances pour que vos visiteurs aillent voir ailleurs et quittent votre site.

Avec Pingdom Tools, en indiquant seulement l’adresse d’un site, on pourra obtenir très rapidemment toutes les informations utiles qu’il faut absolument connaître. Entre autres choses, il sera ainsi possible de savoir le temps de chargement global de la page, le nombre d’objets présents, le poids de vos CSS, de vos scripts, de vos images et de savoir en un clin d’œil ce qui va et ce qui va moins.

Inutile de vous dire que j’ai sauté sur l’occasion et que j’ai effectué différents tests avec la Fredzone. Ainsi, avant optimisation, ma page d’accueil mettait approximativement 6.73 secondes à charger. Grâce au rapport de Pingdom Tools, je suis passé à 4.9 secondes en effectuant quelques ajustements. Grâce à ce service, vous avez donc gagné 1.83 seconde. Formidable, non ? A noter que j’ai évidemment testé d’autres blogs : Presse-Citron (8.7 secondes) ou encore TechCrunch (4.6 secondes).

Moralité, j’ai encore un peu de boulot à faire. Et vous, votre blog charge en combien de secondes ?

Via Fabien

développementpratiqueweb 2.0

Frédéric Pereira est l'auteur de cet article

Floodeur compulsif, Frédéric Pereira est très actif sur Twitter ou encore sur Facebook. Sachez en outre que la Fredzone a une page sur Google+.

Ces articles peuvent aussi vous intéresser

Sublyn, un plan du métro de Paris en HTML5 et avec l’intégration de Twitter

On trouve plein de plans du métro parisien sur le web, c’est vrai, mais il s’agit la plupart du temps de plans statiques. Sublyn, lui, met l’accent sur l’interactivité. Entièrement réalisé en HTML5, ce plan du métro de Paris 2.0 va donc vous permettre d’explorer chaque ligne, de mettre la main sur toutes les stations de la capitale, mais pas seulement. Non, car le service est également capable d’aller récupérer sur Twitter les dernières informations sur toutes les lignes. Et ça, évidemment, c’est très utile, vraiment très utile… Du coup, si vous vivez sur Paris…
Wupbox, un outil de monitoring simple et efficace pour vos sites

Surveiller le bon fonctionnement d’un site, ce n’est pas une tâche de tout repos. Bien heureusement, il existe des outils de monitoring qui visent à nous simplifier la tâche et Wupbox en fait justement partie. Grâce à ce service web, vous allez en effet pouvoir vous assurer que votre site ou votre blog fonctionne correctement et être averti en cas de panne ou de dysfonctionnement. Mieux, vous allez également pouvoir accéder à des rapports assez complets qui vous permettront de prendre un peu de recul sur la question et de savoir finalement si votre solution…
Camera Size : comparer facilement la taille des APN compacts, hybrides et réflex

La taille, des fois, ça compte quand même un peu et encore plus en matière de photographie. Que vous soyez à la recherche d’un appareil le plus compact possible ou que vous favorisiez au contraire l’ergonomie quitte à faire quelques sacrifices du côté de l’embonpoint de vos boitiers, ce critère peut jouer un rôle déterminant dans votre projet d’achat et c’est justement pour cette raison que Camera Size va vous être très utile. Car en effet, ce service va vous permettre de comparer facilement la taille de n’importe quel APN compact, de n’importe quel APN…

http://morgan.jerabek.fr Morgan

6s pour le blog, le double pour la page d’accueil mais c’est normal, et je sais pourquoi donc bon, pas grave…
nekomata

Tu parlais plus bas de l’ère du tout-de-suite, et l’accès aux sites en est une illustration.
Tu as beau placer ton site en première place chez Google, s’il met une heure à s’ouvrir, tu perdras à coup sûr des visiteurs potentiels.

La « classe », c’est le petit script PHP qui affiche le temps de chargement d’une page ou d’exécution d’une requête… « Page générée en 0.09391499 secondes »…

…mais avec tes 4.9 sec, mieux vaut éviter. (Suis déjà plus là ! :grin: )

Bien entendu, pour le script, je déconne. Ça fait partie des trucs qui amusent quand on débute et qu’on est tenté de surcharger nos pages avec tout un tas de conneries.
Pingback: www.fuzz.fr
http://www.fredzone.org Fred

@Morgan: 6 secondes, ça reste quand même correct. Mais après, si tu sais d’où ça vient, pourquoi ne corriges-tu pas le tir ?

@nekomata: Ouais, un peu comme l’heure, non ? :mrgreen:
http://morgan.jerabek.fr Morgan

Et bien disons que j’ai des intérêts plus importants pour le moment à laisser cette page mettre autant de temps que l’inverse… ;)
http://www.fredzone.org Fred

Perso j’aime bien ton site, les petits effets en Ajax sont bien sympathiques mais c’est quand même pas ça qui est aussi lourd, non ?
http://morgan.jerabek.fr Morgan

Ah le poids d’une librairie js parfois… :???:
http://ifisdead.net/ if is Dead

Euh ça serait pas l’application du plug in Y!Speed ou je sais plus quel plugin Yahoo, pour Firefox ?

Faudrait que je lance firefox pour vérifier et j’ai la flemme. Enfin bref, commentaire inutile j’en ai peur.
http://ifisdead.net/ if is Dead

tiens on voit que j’ai déjà utilisé le système pour optimiser, ça met 1.9 secondes :o (pas sur mon blog, lui il est lent :o)
http://www.blog-marrant.com/ Thomas

8.4 secondes pour moi, mais c’est normal vu que sur l’accueil, il y a des vidéos.
http://www.yawam.info gwado

Il y a aussi l’addon Smush It pour Firefox qui optimise les images, pas mal pour alléger son site quand le design est basé sur de « lourdes » images, comme le mien par ex.
Je me demande si c’est pas chez toi que j’ai découvert ça d’ailleurs (pas le temps de chercher, juste le temps de laisser un commentaire:)
http://blog.burninghat.net burningHat

Mouaip, je vais aussi continuer à me fier à l’extension YSlow! pour Firefox pour ce genre de truc. Tout simplement parce que je trouve vraiment les outils pingdom à « fiabilité très relative » (après avoir passé un petit moment à comparer leur solution monitoring avec 2/3 autres solutions de monitoring).
http://www.fredzone.org Fred

@Morgan: Hmm… Je n’en dirais pas plus… ^^

@if is Dead: Euh non, aucun rapport je crois…

@Thomas: Outch, c’est quand même un peu trop, vidéos ou pas.

@gwado: Bah, la plupart de mes images passent par la case Photoshop, hein… Cela dit, faudrait que je teste cet addon pour voir ce qu’il vaut.

@burningHat: T’as trouvé de gros écarts ?
http://morgan.jerabek.fr Morgan

Fais nous une liste d’outil de monitoring manu :)
http://blog.burninghat.net burningHat

@Fred: non seulement des différences mais aussi des créneaux où il m’annonçait des sites down qui étaient tout sauf down… Bref, des fois je me demande si parfois Pingdom, peut-être parce que victime de son succès, ne connaitrait de belles latences voir des downtimes sur ses propres serveurs de ping.

@Morgan: c’était mes serveurs de tests pour Nagios, Cacti et cie… pas des web services donc…
http://ifisdead.net/ if is Dead

@Fred: aucun rapport en théorie… ceci dit même présentation, etc :D

sauf que Y!Slow (merci @burningHat: ) te permet vraiment mieux de contrôler le chargement de ta page, t’indique si tu as une bonne politique de mise en cache, etc :)

je le conseille chaudement d’ailleurs.
http://blog.burninghat.net burningHat

@if is Dead: De rien, me suis contenté de regarder la barre d’état de mon FF et de recopier ;-) Et ouaip, +1 ! Le couple firebug + Yslow, c’est vraiment excellent pour debugger et tester son site.
http://www.delirocode.fr Alexis

Excellent outil merci beaucoup! Yslow de yahoo fait un peu la même chose également, sauf que c’est un plugin ff donc plus rapide d’utilisation.

Au passage aussi un bon moyen d’optimiser vos images:
http://smushit.com/
http://www.ragax.com/ Ragax

Comme burningHat je préfère utiliser YSlow, c’est plus pratique de l’avoir intégré au navigateur je trouve.
http://www.jayworld.fr Jay

4,3 pour moi. Bizarre j’ai l’impression d’attendre une plombe avant que ma page soit chargée en entier. Peut être dû a a connexion qui rame.
http://www.fredzone.org Fred

@burningHat: Ouais, forcément, si Pingdom Tools rame lui-même, on est pas vraiment avancé. Cela dit, je n’ai pas remarqué ce genre de problème chez moi. Alors bon, je ne l’utilise pas tous les jours non plus mais je l’ai quand même pas mal testé avant d’écrire ce billet.

@if is Dead: Je vais le tester YSlow pour voir ce qu’il vaut :)

@Alexis: Je connaissais déjà Smush It, c’est vrai qu’il s’en sort plutôt bien.

@Ragax: Tout le monde utilise YSlow en fait, c’est ça ? :mrgreen:

@Jay: Faut voir ce que tu as de lancé à côté aussi. ^^
http://blog.burninghat.net burningHat

@Fred: Yop, jte crois volontiers, ptêt que je suis tombé une mauvaise période. Je m’étais contenté de tester l’outil de ping (pour savoir si un site est online et son temps de réponse). Je l’avais choisi comme valeur étalon pour mes tests des outils de supervision en fait.

Et ouaip, tout le monde utilise YSlow apparemment… Faut dire que c’est plutôt très sympa et surtout sous la main pour n’importe quel site, sans inscription, etc. en permanence puisqu’extension du navigateur.
http://www.fredzone.org Fred

@burningHat: Bon, c’est décidé, demain j’installe YShow. Motivé, le Fred :mrgreen:
Pingback: Pingdom tools, un outil pour visualiser le temps de chargement de votre site. - Julien Dubreuil