webleads-tracker

WordPress & Référencement naturel
Mes servicesWordPress - Référencement
Hébergement WordPress
Vous êtes ici : SeoMix » Web » Développement & ergonomie » 5 outils pour mesurer le temps de chargement

5 outils pour mesurer le temps de chargement

Mesurer le temps de chargement d'une pageLe temps de chargement a un impact direct sur l'expérience utilisateur, et dans une moindre mesure sur le référencement naturel. Un développeur ou un référenceur doit dont chercher à diminuer au maximum ce temps de chargement.

Et pour cela, il est toujours intéressant réaliser des tests avant et après vos modifications. Voici donc 5 outils pour réaliser un benchmark complet des  performances de votre site.

GTMetrix

GTMetrixC'est de loin mon outil préféré. Si vous ne deviez en choisir qu'un, c'est celui-ci.Il vous permet de mesurer le temps de chargement d'un site de manière automatisée, et en intégrant deux outils complets Yslow et PageSpeed pour savoir quoi et comment optimiser vos pages.
GtMetrix avec PageSpeed et Yslow

GtMetrix intègre parfaitement PageSpeed et Yslow

Cerise sur le gâteau, vous avez accès à un historique plutôt bien fait sur l'évolution jour par jour du temps de chargement de votre site.

L'historique de GTMetrix

L'historique de GTMetrix

Les points forts :

  • Le suivi est automatisé
  • Très bonne intégration des outils YSlow et PageSpeed, ainsi que de la "timeline" du chargement
  • Il permet de comparer deux URLs, et de comparer deux rapports entre eux

Les points faibles :

  • Lors du suivi automatisé, il ne prend qu'une mesure par jour, ce qui peut parfois fausser les données.

L'outil est disponible ici : GTMetrix

Yottaa

Yottaa

Ce second outil est lui-aussi très bon, bien que moins connu. Il vous apporte un grand nombre d'informations et de conseils pour optimiser vos différentes pages. L'outil vous donne le temps de chargement (global, de chaque élément, et depuis plusieurs lieux) ainsi que le poids de la page et de ses différents éléments.

Yottaa mesure le temps de chargement

Yottaa mesure le temps de chargement depuis plusieurs lieux

Les points forts :

  • Un page récapitulative donne l'essentiel des données de chargement d'un site
  • L'outil donne accès aux informations depuis plusieurs points d'accès : Londres, Singapour, San Francisco, Washington et Dublin, ce qui permet de mesurer le temps de chargement depuis plusieurs endroits de la planète
  • Il permet de bien différencier le temps de chargement lié à l'exécution des scripts PHP sur le serveur (Time to Title) et celui lié au téléchargement complet de la page.
  • Il intègre YSlow

Les points faibles :

  • L'ergonomie de cet outil laisse vraiment à désirer. Si on ne fait pas attention, il est facile de ne pas voir certains menus et certaines informations lors du test.
  • Comme pour GTMetrix, l'outil ne fait qu'un seul test par jour

L'outil est disponible ici : Yottaa

WebSiteOptimization

WebSiteOptimization

Celui est également un must-have. La raison est toute simple : il vous donne des informations complémentaires aux deux précédents.

Comme tous les autres outils, il met en avant différentes informations d'ordre général (poids total, nombre d'objets, ...). Mais son atout est de décomposer à l'extrême chaque élément de votre page (Html, css, javascript, images, ...). Pour chaque objet, il vous donne des informations complémentaires, comme les attributs manquants ou des informations sur la compression des éléments (image par image, fichier par fichier).

Websiteoptimization détaile chaque élément

L'outil détaille les optimisations et le poids de chaque élément

Les points forts :

  • Il met très bien en avant le nombre de fichier et de requêtes de votre page, par type.
  • Il donne des informations complémentaires sur chaque élément de la page (compression, taille, attributs manquants, ...).

Les points faibles :

  • L'outil n'explique pas comment mettre en place les différentes recommandations.
  • WebSiteOptimization est un peu dépassé pour la dernière partie de l'outil, qui se base encore sur les connexions 56K pour évaluer le rendu final et la vitesse de votre site

L'outil est disponible ici : WebSiteOptimization

Webwait

WebWait

Cet outil est complètement différent des autres, puisqu'il ne vous donne qu'une seule information : le temps de chargement final de votre page. Mais pour cela, il va effectuer X requêtes espacées de X secondes entre elles (le tout est paramétrable par vos soins). Cela permet donc de lisser complètement les erreurs lors de la mesure de la vitesse de votre site Internet.

Mesurer le temps de réponse avec Webwait

Mesurer le temps de réponse avec Webwait

Il est pour moi un outil indispensable, à condition de l'utiliser avant et après vos optimisations.

Les points forts :

  • Il permet de supprimer la marge d'erreur qui existe sur les autres outils3

Les points faibles :

  • Il ne mesure que le temps de chargement global de la page.
  • Il se base sur votre navigateur (et donc vos cookies). Pensez juste à vider entièrement votre cache avant de l'utiliser.

L'outil est disponible ici : WebWait

Firebug et YSlow

Firebug

Firebug est une extension pour les navigateurs Firefox et Chrome. C'est un outil qui va au delà de la simple mesure du temps de chargement, puisque c'est aussi un outil très utilisé par les développeurs (html, php, css, javascript, informations réseaux, ...).

Si on y associe l'extension Yslow, l'outil devient très performant et permet de mesurer presque tous les éléments de votre page (poids, nombre de requêtes, temps de réponses, ...). Et cela vous donne également accès à plusieurs outils et recommandations sur les éléments constitutifs de vos pages.

YSlow outil pour le temps de chargement

Les outils d'YSlow pour le temps de chargement

Les points forts :

  • Très complet sur la mesure de la vitesse de votre site
  • Très utile pour faire du développement web
  • Donne accès à d'autres outils très utiles (Notamment Smush It pour compresser les images)

Les points faibles :

  • Pas d'automatisation possible
  • Uniquement sur Firefox et Chrome

Ces outil sont disponibles ici : Firebug et Yslow

Conclusion

Le temps de chargement est un paramètre crucial pour l'expérience utilisateur et votre référencement. Je vous conseille donc d'utiliser tous ces outils avant et après vos optimisations, afin de pouvoir mesurer l'impact de vos modifications, ainsi que pour savoir sur quels éléments vous pouvez vous améliorer.

N'hésitez pas non plus à consulter notre guide sur l'optimisation de fichier Htaccess.

Bien entendu, il existe d'autres outils pour mesurer la vitesse d'un site. N'hésitez pas à partager les vôtres. ;)

Les thèmes relatifs

Voici les thématiques abordées par 5 outils pour mesurer le temps de chargement:

31 commentaires
  1. Sam
    3 messages

    Sam - Le 04 janvier 2011, 09:19

    Je suis d’acccord avec toi, GTmetrix est vraiment un must!

  2. Johan
    17 messages

    Johan - Le 04 janvier 2011, 09:32

    Il manque juste WebPageTest.org qui est une référence également puisqu’il t’affiche le rendu progressif en vidéo de ton site…

  3. Aurélien
    32 messages

    Aurélien - Le 04 janvier 2011, 09:33

    J’utilise moi aussi GTmetrix, couplé avec GWT, c’est amplement suffisant.
    Je ne connaissais pas Webwait, il va m’être utile, merci.

  4. Mikiweb
    13 messages

    Mikiweb - Le 04 janvier 2011, 11:41

    Très complet !!
    Pas mal d’outil que je connaissais notamment l’excellent Gtmetrix et d’autre que je découvre WebSiteOptimization ;)
    Pour aller plus loin, il y a aussi show slow qui permet d’avoir sur une même interface, un aperçu des performances et de l’évolution du chargement d’un parc de site web.
    Il reprend les données fourni par Yslow et Page Speed.
    Il est open source et peut être installé en local.
    Il permet également de modifier le code ou rajouter de nouvelles fonctionnalités afin de croiser les données dans des tableaux comparatifs.
    Bref un outil assez poussé afin d’analyser d’un seul coup les performances de l’ensemble des sites dont on s’occupe.

  5. Julien R
    6 messages

    Julien R - Le 04 janvier 2011, 14:54

    il manque un lien vers les tools proposés par Google pour l’optimisation de votre temps de chargement http://code.google.com/speed/tools.html la référence ;)

  6. Lionel
    1 message

    Lionel - Le 04 janvier 2011, 15:44

    Bonjour,

    C’est ce que j’appelle un billet utile. Très belle liste ! J’utilise aussi GTMetrix mais uniquement pour mes clients car mes sites personnels sont assez légers.

  7. Philippe
    6 messages

    Philippe - Le 04 janvier 2011, 16:25

    Hello Daniel
    bonne année à toi et à tous tes lecteurs (zé lectrices, bien sûr).

    Comme l’ami Johan plus haut c’est WebPageTest.org que je privilégies. Je ne les jamais pris en défaut d’analyse. Ce qui n’est pas le cas de WebSiteOptimization que je trouve buggé.

  8. Le Juge SEO
    49 messages

    Le Juge SEO - Le 04 janvier 2011, 17:34

    Merci, je ne connaissais pas tous les outils cités, il faut dire qu’a un époque tu galerais avec ton temps de chargement donc tu as du en tester plus d’un.

    Tres bonne liste en tout cas!

  9. Brett
    1 message

    Brett - Le 04 janvier 2011, 17:36

    Merci pour ces tests.
    Dynatrace (http://ajax.dynatrace.com/ajax/en/Default.aspx) est également un outil intéressant…

    Les articles sur la mesure de la performance sont effectivement dans l’air du temps :
    Steve Souders, « la référence » en matière de performance Web (qui a lancé récemment controlJS), nous fait un état des lieux très complet dans le cadre du « Performance calendar » http://calendar.perfplanet.com/2010/state-of-performance/.
    La notion de « HTTP Archive (HAR) file format » pourrait bien être un prochain standard de mesure de la performance.

  10. Daniel Roch
    725 messages

    Daniel Roch - Le 04 janvier 2011, 19:01

    @Tous : comment ais-je pu oublier webpagetest. je l’avais utilisé, et c’est vrai qu’il est excellent (mais que je l’ai complètement zappé en rédigeant cet article…)

    @LeJugeSeo : si peu, si peu…

  11. Frank
    1 message

    Frank - Le 04 janvier 2011, 21:38

    Article sur un point chaud actuel du seo, le temps de chargement des pages. je me demande toujours si on prend bien compte les différences de débit entre les zones géographiques (c’est peut être une question bête, je débute).

  12. LaurentB
    21 messages

    LaurentB - Le 05 janvier 2011, 01:56

    Je te conseille aussi de jeter un coup d’oeil à WebpageTest.org
    Les résultats sont vraiment détaillés.
    Sinon, je suis aussi d’accord avec GTMetrix.
    Ce sont les 2 que j’utilise pour mes audits.

    J’ai testé Yoota. C’est ok pour surveiller un site, mais trop réduit pour auditer en one shot.

  13. Bert
    1 message

    Bert - Le 05 janvier 2011, 02:16

    De mon côté, j’utilisais uniquement et depuis peu Pingdom, mais je vas me laisser séduire par GTmetrix que je découvre via ce billet ;)

  14. Refschool
    7 messages

    Refschool - Le 05 janvier 2011, 07:35

    >>Article sur un point chaud actuel du seo

    ne donne t on pas un peu trop d’importance sur le temps de chargement en seo?

  15. LaurentB
    21 messages

    LaurentB - Le 05 janvier 2011, 10:53

    Tu n’as pas tort, mais ce paramètre est salutaire pour le Web en général.
    Pour ma part, j’ai toujours pensé que le temps de latence était le cancer du Web.
    Ca vaut mieux que d’accorder trop d’importance au TrustRank, à DMOZ ou au PageRank (parmi les trucs qui ont été les plus discutés pour que dalle).

  16. Rodger
    5 messages

    Rodger - Le 05 janvier 2011, 14:02

    J’utilise le couple « Firebug et YSlow » qui font très bien le boulot et me conviennent parfaitement. Pas besoin d’aller chercher la lune. Ces outils fournissent un rapport complet sur les sources de ralentissement de vos pages.

  17. Nicolas Deschamps
    8 messages

    Nicolas Deschamps - Le 05 janvier 2011, 18:35

    Billet très utile. Je ne connaissais pas Web Wait dont je trouve le concept vraiment sympa : Simplicité (Temps de chargement unique) et Fiabilité (Moyenne de plusieurs essais). Pour un test après optimisations c’est peut-être finalement le plus approprié.

  18. bijoux ethniques
    2 messages

    bijoux ethniques - Le 06 janvier 2011, 10:01

    J’utilise depuis un moment gtmetrix, mais aujourd’hui, je me demandais comment et ou tester la performance de mon serveur.

    Sachant qu’en me comparant un concurrent, son site est 10xfois optimiser au niveau de la perf, il a la moitié de ma note, sa page pese 4x plus lourd, 3x fois plus de requete et on est au même temps de chargement.

    Je te remercie

  19. Pandoon
    2 messages

    Pandoon - Le 06 janvier 2011, 13:43

    Il y a aussi Zoompf ( voir l’article que j’ai écrit)

  20. 100driiine
    1 message

    100driiine - Le 10 janvier 2011, 17:12

    Super article, merci beaucoup :)
    Bon après j’avoue que ça m’est un peu difficile d’analyser ce qui ne vas pas, n’ayant pas eu de très bonnes notes… même si j’imagine un peu… mais quoi faire en priorité ?
    En résumé, y’a du boulot, c’est spur lol !
    Bonne fin de journée.

  21. Chris
    2 messages

    Chris - Le 10 janvier 2011, 22:47

    Pour ma part, je recoupe et exploite les résultats de

    P1: WebPageTest

    P2: Yslow & PageSpeed

    P3: Webwait

    La P1 étant (pour moi) de loin la solution la plus fiable.

  22. Antwan
    2 messages

    Antwan - Le 13 janvier 2011, 13:11

    Rien a voir, mais bravo pour la conception du bouton « Haut de page » sur ce site. C’est le premier bouton haut de page que je rencontre qui me donne envie de l’utiliser.

    ~Un visiteur qui aime les IHM bien pensées.

  23. LinuxConsult
    3 messages

    LinuxConsult - Le 31 mars 2011, 21:11

    Merci pour cette liste impressionnante ainsi que pour les conseils :)

    Personnellement j’utilise Woozweb, c’est un outil de monitoring de sites web, mis en place par la SSLL Smile, basé sur Nagios et d’autres scripts, il réalise des graphs a partir de tests effectués toutes les 30 minutes (2 sondes, une chez OVH une autre aux US), il prévient aussi si le site dépasse un certain seuil de temps de réponse, c’est vraiment pas mal, à essayer :)

  24. stephane
    1 message

    stephane - Le 17 mai 2011, 12:20

    Ces outils vous donnent des informations qui ne sont pas fiables.Il est donc difficile de comparer avant et après les modifications
    Je m’explique.

    -Soit vous testez depuis chez vous(ex :firebug) : Vous êtes donc dépendant de votre réseau et de ses perturbations.
    Les temps mesurés ne correspondent donc pas à la vision des utilisateurs.

    -Soit vous utilisez des tags comme pour page speed.Les résultats dépendent des internautes ayant visités votre site et du temps qu’ils mettent à charger la page.

    Par exemple :
    Si la majorité des visites avant vos modifications sont faites par des personnes non desservies par du haut débit et qu’après modification la tendance s’inverse ( plus d’utilisateur en haut débit) : Vous allez bien observer que votre site va plus vite , pas parce qu’il tourne mieux mais parce que en moyenne les utilisateurs vont plus vite dans leurs requêtes.

    La solution pour mesurer l’amélioration est d’avoir plusieurs sondes externes qui mesurent vos performances. Il existe des société qui propose ces services. J’utilise Netvigie.

    J’espère vous avoir aidé.

  25. Loïc
    3 messages

    Loïc - Le 30 juin 2011, 11:56

    Des outils pratiques et complémentaires, j’utilisais moi-même beaucoup WebSiteOptimization mais j’ai tendance à le mettre de coté maintenant pour un autre qui analyse plus vite les pages : -www.monitoring-transactionnel.com/performance

    Petit bonus, on peut faire indexer la page d’analyse pour gagner un lien !

    @Stephane Tout dépend, le calcul du poids des images, fichiers CSS et javascript par exemple ne dépandent pas de la connexion et il est important de le connaitre pour optimiser la vitesse de chargement.

  26. Netsky
    1 message

    Netsky - Le 03 juillet 2011, 16:52

    Il y a celui de 1and1 qui reste simpliste http://webcontrole.1and1.fr/analyze/?ladezeit

  27. Sébastien
    1 message

    Sébastien - Le 22 février 2012, 17:40

    Pour aller plus loin, il y a aussi CloudNetCare.
    C’est un outil de test de charge qui simule une multitude d’utilisateurs virtuels mais en utilisant de vrais navigateurs.
    On peut donc obtenir, dans des conditions de traffic extrêmes, une analyse détaillée (allant jusqu’au waterfall chart, avec des extraits d’écrans à différentes étapes du chargement).
    Ils proposent une version gratuite pouvant simuler jusqu’à 25 utilisateurs.

  28. Tom.C.
    1 message

    Tom.C. - Le 13 mars 2012, 17:53

    Merci beaucoup pour tous ces outils, cela va m’être grandement utile au vu du temps de chargement de mon site qui est assez décourageant pour l’instant…

    Encore merci !

  29. Anthony
    10 messages

    Anthony - Le 20 avril 2012, 00:42

    Ça serait quoi un temps de chargement « acceptable  » ? Il y a t-il des moyennes quelque part ?

    (merci pour cet article et tous les autres !)

  30. Daniel Roch
    725 messages

    Daniel Roch - Le 20 avril 2012, 10:03

    Des tests réalisés par différents prestataiores, un excellent temps de chargement est égal ou inférieure à 1 seconde, et un mauvais temps de chargement débute à 3 secondes.

  31. Matherys
    1 message

    Matherys - Le 05 juillet 2012, 17:36

    Salut et merci pour cet article.
    J’ai récemment fait un paquet d’essais avec ces différents outils pour voir les effets d’apc et memcached sur des blog WP avec W3 total cache.
    Et ce que j’ai remarqué, c’est qu’aucun de ces outils n’est particulièrement fiable, ou plutôt trop dépendant du réseau à un instant T, mais ça donne tout de même une bonne idée d’ensemble pour mesurer l’impact des modifications que l’on fait…

    Il y a aussi www.site-perf.com dans le même style.

» Commentez cet article !
(Merci de donner un vrai prénom)
(Ne sera jamais publié)
(Modèration subjective)
Html accepté <a> <i> <b> [codesyntax]CODE[/codesyntax]
» Prévisualisez votre message

5 sites en parlent :
Par » Les articles incontournables de la semaine - Wizishop Blog Ecommerce le 10/01/2011» 5 outils pour mesurer le temps de chargement[...] 5 outils pour mesurer le temps de chargement (Blog – Seomix) [...]
Par BlOg'X Office 88 : petit medley du Web | Autour du Web le 09/01/2011» 5 outils pour mesurer le temps de chargement[...] 5 outils pour mesurer le temps de chargement [...]
Par Top 10 Twitter & E-Business de la semaine: La Tweetweek #17 - Ecommerce World: Blog E-Commerce et Création de site marchand | E-Commerce World le 09/01/2011» 5 outils pour mesurer le temps de chargement[...] outils! @vansnick : « 5 outils pour mesurer le temps de chargement » [...]
Par Sites marchands insolites, Wordpress et sécurité… [Lu sur la blogosphère] | Webmarketing & co'm le 09/01/2011» 5 outils pour mesurer le temps de chargement[...] 5 outils pour mesurer le temps de chargement - SEOMix [...]
Par www.blogmemes.be le 04/01/2011» 5 outils pour mesurer le temps de chargementMesurer le temps de chargement d\'une page...- Vous aimez cet article ? Votez pour lui sur Blogmemes.be !Comment mesurer de manière efficace le temps de chargement d\'une page ? SeoMix vous dévoile 5 outils gratuits et complet pour le benchmarking de votre site....

© 2010-2012 SeoMix : WordPress & Référencement
Propulsé par WordPress et Daniel Roch. Logo créé par Willy-Bahuaud

Indispensable
WordPress
A propos de SeoMix
Mes servicesWordPress - Référencement
Suivez-nous !
  • 8809 abonnés
  • 197 articles
  • 4605 messages
Vous devriez lire
Seo et emarketing
Les amis
3ced6587e285d2b1dfdcc0bccd361a02&&&&&&&&&&&&&&&&&&