Vous essayez d’utiliser l’outil de test de vitesse Pingdom pour optimiser les performances de votre site ?

L’outil de test de vitesse Pingdom est assez facile à utiliser — vous n’avez qu’à entrer l’URL de votre page et vous obtenez instantanément des résultats. Mais si vous voulez tirer de la valeur de ces résultats, vous devez comprendre comment les interpréter de manière concrète.

C’est ce que nous allons vous apprendre dans ce post, où vous apprendrez ce qui suit :

• Comment utiliser l’outil de test de vitesse gratuit de Pingdom et ce que signifient toutes les données/résultats pour votre site.
• Quelques conseils pratiques pour améliorer vos scores Pingdom (et aussi pourquoi les temps de chargement sont plus importants que les ‘scores’).
• Pourquoi les plans payants de Pingdom pourraient valoir de l’argent si vous voulez une surveillance et une analyse des performances plus avancées. Vous pouvez tout tester avec un essai gratuit de 30 jours (aucune carte de crédit nécessaire).
• Quelques autres outils de test de vitesse utiles que vous pouvez utiliser pour compléter Pingdom et accéder à d’autres données, comme les mesures Core Web Vitals de votre site.

 Note : Vous envisagez de passer à un hébergement haute performance optimisé pour WordPress ? Jetez un œil à cet autre post comparant Les Meilleurs Services d’Hébergement WordPress Gérés.

Si vous voulez passer à une section spécifique, vous pouvez utiliser la table des matières ci-dessous. Sinon, continuez à lire le post complet pour tout savoir sur l’utilisation de Pingdom et de ses nombreuses fonctionnalités gratuites et payantes.

Comment utiliser les tests de vitesse gratuits de Pingdom

Quand la plupart des gens pensent à Pingdom, ils pensent probablement à l’outil de test de vitesse gratuit populaire de Pingdom.

Pour utiliser l’outil de test de vitesse gratuit, tout ce que vous avez à faire est :

• entrer l’URL de la page que vous voulez tester
• choisir l’endroit d’où vous voulez tester (c’est-à-dire l’emplacement de test le plus proche de votre public cible)
• cliquer sur Démarrer le Test.

Après quelques secondes, vous devriez voir quelque chose comme ça :
La boîte de résumé des résultats de Pingdom.La boîte de résumé des résultats de Pingdom.

Passons en revue quelques questions fréquentes/conseils sur comment utiliser et comprendre les résultats de vitesse basiques de Pingdom. Ensuite, nous allons approfondir certains des outils d’analyse plus approfondis.

Comment Pingdom Calcule-t-il le temps de chargement ?

Alors qu’il est facile de se laisser prendre à optimiser le ‘score de vitesse’ de votre site, la seule chose qui compte vraiment est le Temps de Chargement de votre site. En général, vous voulez viser moins de deux secondes si possible.

Cependant, il est important de comprendre que le ‘Temps de Chargement’ n’est pas toujours le même à travers les différents outils car il y a différentes mesures.

Il y a deux principales façons de considérer un site web comme ‘chargé’ :

• Le temps de chargement : le traitement de la page est terminé et toutes les ressources (par exemple, les images) ont été chargées. Cependant, cela n’inclut pas certains événements, tels que JavaScript, qui sont importants pour votre page.
• Temps de chargement complet : le moment où la page a complètement cessé de charger le contenu. Ce temps sera toujours plus lent que le temps de chargement.

Google a également introduit des mesures de chargement plus axées sur l’expérience utilisateur, telles que le plus grand décalage de contenu (qui fait partie de l’initiative Core Web Vitals de Google, un nouveau facteur de classement SEO). Au lieu de regarder combien de temps il faut à votre site pour se charger complètement, le plus grand décalage de contenu ne regarde que combien de temps il faut pour que votre ‘contenu principal’ se charge.

Parce que Google utilise maintenant le plus grand décalage de contenu comme facteur de classement, beaucoup d’utilisateurs ont commencé à se concentrer sur ceci comme une métrique de performance principale.

Pingdom utilise exclusivement le temps de chargement, alors que d’autres outils, comme GTmetrix et WebPageTest, vous permettent de choisir entre les différentes métriques, y compris la nouvelle métrique du plus grand décalage de contenu.

Il n’y a rien de mal à utiliser cette métrique, mais il est important de comprendre que, en raison de la manière dont elle calcule le temps de chargement, le ‘temps de chargement’ de votre site sera généralement plus rapide dans Pingdom que dans d’autres outils qui utilisent le temps de chargement complet, parce que vous comparez souvent des pommes et des oranges.

De plus, le fait que Pingdom n’inclut pas le plus grand décalage de contenu signifie qu’il est difficile d’évaluer les performances de votre site dans Core Web Vitals. Plus tard, nous partagerons quelques outils que vous pouvez utiliser pour tester le plus grand décalage de contenu, si cela vous importe.

Quel Emplacement de test Pingdom devriez-vous utiliser ?

Actuellement, Pingdom propose sept emplacements de test différents pour son outil de test de vitesse gratuit :

• Asie — Tokyo, Japon
• Europe — Francfort, Allemagne
• Europe — Londres, Royaume-Uni
• Amérique du Nord — Washington D.C., USA
• Amérique du Nord — San Francisco, USA
• Pacifique — Sydney, Australie
• Amérique du Sud — Sao Paulo, Brésil

Alors, quel emplacement devriez-vous choisir ?

Si votre site cible une zone géographique spécifique, vous devriez choisir l’emplacement de test le plus proche de cette zone. Par exemple, si vous avez une entreprise locale à Los Angeles, vous voudrez choisir le serveur de test de San Francisco.

Cependant, si votre site cible des visiteurs du monde entier, vous voudrez exécuter des tests à partir de différents endroits. Cela vous permettra de voir comment votre site se chargera pour les visiteurs du monde entier.

Si vous remarquez des temps de chargement lents dans certaines régions, vous voudrez peut-être commencer à utiliser un réseau de distribution de contenu (CDN) pour accélérer les temps de chargement de votre page à l’échelle mondiale.

Qu’est-ce que le grade de performance de Pingdom ?

En plus du temps de chargement de votre site, de la taille de la page et des requêtes HTTP, Pingdom donne également à votre site un ‘grade de performance’.

Vous ne devriez pas mettre trop d’accent sur le grade de performance lui-même — la mesure la plus importante est le temps de chargement de votre site, car c’est ce que vos visiteurs vont réellement expérimenter.

Cependant, le grade de performance vous donne un aperçu rapide de l’optimisation des performances front-end de votre site. L’autre aspect des performances est la performance back-end, comme le choix d’un hébergement de site web de qualité.

Votre grade de performance provient de la moyenne pondérée des suggestions d’Amélioration de la Performance de la Page (plus d’informations sur celles-ci dans une seconde).

En général, ne vous obsédez pas à améliorer votre grade de performance — concentrez-vous sur la réduction de votre temps de chargement. Si votre site se charge en moins de deux secondes, vos visiteurs ne se soucieront pas du grade de performance de votre site.

Comment utiliser les outils d’analyse de performance avancés gratuits de Pingdom

En plus des informations de base sur le temps de chargement de votre site, la taille des fichiers et les requêtes HTTP, Pingdom comprend également des outils d’analyse avancés qui vont plus loin dans l’analyse des performances de votre site.

Alors que les métriques dans le cadre supérieur sont essentiellement un instantané de l’état de votre site, les métriques d’analyse en dessous vous aident à creuser et à améliorer les performances de votre site.

En gros :

• Boîte de résumé — ‘comment se porte mon site actuellement ?’
• Analyse avancée — ‘comment puis-je améliorer mon site ?’

Passons en revue les différentes sections…

Améliorer la performance de la page

La section “Améliorer la performance de la page” comprend sept tactiques d’optimisation populaires, ainsi qu’un score indiquant dans quelle mesure votre site met déjà en œuvre chaque tactique :

• Faire moins de requêtes HTTP
• Ajouter des en-têtes Expires
• Compresser les composants avec gzip
• Utiliser des domaines sans cookies
• Réduire les recherches DNS
• Éviter les src ou href vides
• Placer JavaScript en bas

Si vous n’êtes pas sûr de ce que signifie quelque chose, vous pouvez cliquer sur l’icône de la flèche à droite pour afficher une explication.

Note: Dans certains cas, vous ne pouvez pas contrôler tout ce qu’il faut pour amener le score à 100%, mais ce n’est pas grave – l’objectif est de cocher autant de cases que possible. Ne vous stressez pas si vous avez encore quelques avertissements jaunes (ou même rouges) difficiles à résoudre à la fin de vos efforts. Encore une fois, ce sont des suggestions pour améliorer le temps de chargement de votre site, mais vous pouvez toujours avoir un site qui se charge rapidement même si vous échouez à quelques tests.

Si vous voulez améliorer votre score, voici un récapitulatif sur comment améliorer les différentes suggestions…

Compresser les composants avec Gzip

La compression Gzip vous permet de réduire la taille des fichiers de votre site en les compressant au niveau du serveur. Cependant, Pingdom n’est pas à jour sur ce point car il ne recherche que la compression Gzip et non la compression Brotli.

Brotli est un algorithme de compression légèrement plus récent qui offre également de grandes économies de fichiers. Cependant, si vous mettez en œuvre Brotli, vous allez échouer à ce test dans Pingdom, ce qui est le cas pour WinningWP. Cela n’a pas vraiment de sens c’est quelque chose que Pingdom devrait corriger.

En général, vous voudrez mettre en œuvre soit Gzip, soit Brotli :

• Pour en savoir plus sur le fonctionnement de Gzip et comment vous pouvez le mettre en œuvre, consultez notre tutoriel Gzip pour WordPress.
• Si vous voulez utiliser Brotli, l’option la plus simple est de configurer votre site sur Cloudflare et d’activer l’option de compression Brotli dans les paramètres de Cloudflare.

Faire moins de requêtes HTTP

Chaque ressource que votre site charge nécessite une requête HTTP du navigateur du visiteur vers le serveur de votre site (ou le serveur d’un tiers dans certains cas).

Par exemple, chaque image individuelle est une requête, chaque script individuel, chaque feuille de style CSS individuelle, chaque fichier de police individuel, et ainsi de suite.

En général, plus votre site nécessite de requêtes, plus son chargement sera lent, c’est pourquoi il est recommandé de les réduire autant que possible.

Cela dit, ce n’est pas si simple parce que certaines requêtes HTTP sont plus importantes et/ou prennent plus de temps que d’autres. De plus, le nombre brut de requêtes HTTP n’est plus aussi important si votre site utilise HTTP/2 car HTTP/2 supporte le multiplexage (permettant le transfert de plusieurs requêtes en même temps).

Beaucoup d’hôtes WordPress modernes utilisent déjà HTTP/2 – vous pouvez consulter la documentation de votre hôte ou son support si vous n’êtes pas sûr.

Dans le passé, il était de bonne pratique de performance de ‘combiner’ les scripts ou les fichiers CSS en un seul fichier plus grand pour réduire les requêtes HTTP de cette manière. Mais, maintenant que HTTP/2 supporte le multiplexage, ce n’est plus nécessaire si votre hôte utilise HTTP/2.

Au lieu de cela, vous voudrez vous concentrer sur la recherche et l’élimination des requêtes inutiles. Voici quelques conseils pour le faire :

• Utilisez l’analyse en cascade de Pingdom pour trouver des requêtes lentes à charger. Je vous montrerai comment utiliser cet outil un peu plus tard dans le post.
• Supprimez les plugins inutiles, car beaucoup de plugins ajouteront leurs propres requêtes HTTP. Vous pouvez également envisager de remplacer les plugins qui ajoutent beaucoup de requêtes par des options plus légères. Encore une fois, l’analyse en cascade que nous discutons plus tard peut vous aider à trouver ces plugins.
• Chargez vos images en différé pour éviter de forcer les navigateurs des visiteurs à demander tous les fichiers d’image lors du chargement initial de la page. WordPress prend désormais en charge le chargement différé intégré pour les images, vous n’avez donc rien à faire de plus si vous utilisez WordPress.
• Limitez l’utilisation de polices personnalisées. Chaque police et chaque poids/style de police que vous chargez est une requête HTTP séparée, vous voudrez donc limiter le nombre que vous utilisez. Pour vraiment réduire les requêtes HTTP, vous pouvez utiliser une pile de polices système native, qui ne nécessite aucune requête HTTP.
• Combinez les requêtes HTTP (si vous utilisez HTTP/1). Si votre hôte utilise encore HTTP/1, il est recommandé de combiner les requêtes HTTP autant que possible. Par exemple, au lieu d’avoir cinq feuilles de style CSS séparées, vous pourriez les combiner toutes en une seule requête HTTP. Vous pouvez configurer cela en utilisant des plugins comme WP Rocket (payant – notre avis) ou Autoptimize (gratuit).
• Évitez de charger des scripts inutiles sur l’ensemble du site. Par exemple, si vous utilisez uniquement WooCommerce pour traiter les paiements, vous n’avez pas besoin de charger les scripts de WooCommerce sur l’ensemble de votre site. Vous pouvez charger/décharger conditionnellement des scripts en utilisant des plugins tels que Asset CleanUp ou Perfmatters.

Ajouter des en-têtes Expires

Ajouter des Expires vous aide à mettre en place un cache de navigateur pour votre site, c’est pourquoi ce contrôle s’appelait autrefois “exploiter le cache du navigateur” (et est toujours appelé ainsi dans beaucoup d’autres outils).

Avec le cache du navigateur, votre site peut dire aux navigateurs des utilisateurs de stocker des fichiers statiques sur les ordinateurs locaux des utilisateurs au lieu de les charger à partir de votre site à chaque fois. Par exemple, au lieu de charger le logo de votre site à chaque affichage de page, vous pourriez le sauvegarder dans le cache local après le premier affichage de page, ainsi les visiteurs n’auront pas besoin de retélécharger la même image de logo lors des visites ultérieures.

Vous pouvez ajouter des en-têtes Expires/exploiter le cache du navigateur en utilisant du code personnalisé ou divers plugins. Pour un regard plus détaillé, consultez notre guide sur comment activer le cache du navigateur dans WordPress.

Utiliser des domaines sans cookies

Les cookies sont de petits morceaux de données que votre site web peut envoyer aux navigateurs des visiteurs. En général, ils sont utilisés pour le suivi ou la gestion de la session d’un utilisateur (par exemple, pour les garder connectés).

Les cookies servent à quelque chose. Cependant, votre site ne devrait pas envoyer de cookies pour des fichiers statiques, tels que des images, car cela gaspille simplement du trafic réseau.

Honnêtement, la plupart des sites peuvent ignorer cet avertissement car il n’est pas aussi important si votre serveur utilise HTTP/2. Cependant, si vous voulez corriger cela et obtenir un score parfait, vous avez deux options :

• Utiliser un réseau de distribution de contenu (CDN). Ceux-ci devraient automatiquement supprimer les cookies. Voici nos choix pour les meilleurs services CDN.
• Servir les images et les fichiers statiques de votre site à partir d’un sous-domaine – par exemple, static.votresite.com/image.jpg. Pour la plupart des sites WordPress, cela ajoute une complexité inutile pour très peu de bénéfices, donc je ne recommande pas réellement de faire cela. Je ne le partage que comme une solution potentielle.

Éviter src ou href vides

Un src ou href vide fait référence à l’ajout d’une image ou d’un lien dans le code de votre site sans spécifier réellement la source de l’image.

Alors que cela est peu probable pour les sites WordPress à moins que vous n’ajoutiez manuellement du code, il est important de l’éviter car les navigateurs peuvent interagir avec ces extraits de code vides d’une manière qui gaspille des ressources – typiquement en faisant une requête supplémentaire à la page d’accueil de votre site.

Si votre site n’obtient pas 100 ici, vous voudrez ouvrir votre code source et chercher ces deux extraits :

• src=””
• href=””

Si vous trouvez des instances de src ou href vides, vous pouvez soit les supprimer, soit ajouter le lien/fichier qui est supposé être là.

Placer JavaScript en bas de page

Si votre site charge JavaScript en haut de la page, les navigateurs de vos visiteurs devront attendre pour télécharger ce JavaScript avant de pouvoir charger le contenu de votre page, ce qui ralentira le temps de chargement perçu de votre site et nuira aux métriques telles que la Plus Grande Peinture de Contenu.

Pour éviter cela, vous voulez que votre site charge JavaScript après avoir déjà chargé le contenu principal visible pour vos visiteurs.

Il y a deux façons d’y parvenir :

• Différer le chargement de JavaScript : votre site attendra pour charger JavaScript jusqu’après que le contenu principal a été chargé, ce qui accélère les temps de chargement initiaux de votre site.
• Retarder l’exécution de JavaScript jusqu’à l’interaction de l’utilisateur : c’est une stratégie plus agressive qui attend complètement pour charger JavaScript jusqu’à ce qu’un utilisateur interagisse avec la page (par exemple, en cliquant ou en défilant). Certains sites ont commencé à adopter cette approche parce qu’elle offre des temps de chargement initiaux assez impressionnants. Cependant, vous devrez peut-être exclure manuellement certains scripts pour éviter de casser des fonctionnalités clés sur votre site. Par exemple, certains menus de navigation dépendent de JavaScript, il serait donc important d’exclure ce script pour éviter de nuire à l’expérience de vos visiteurs.

Voici quelques plugins qui peuvent vous aider à optimiser le JavaScript de votre site :

• Autoptimize : une option gratuite pour différer le chargement de JavaScript.
• Flying Scripts : une option gratuite pour retarder JavaScript jusqu’à l’interaction de l’utilisateur.
• WP Rocket : une option premium qui vous permet de différer ou de retarder JavaScript selon vos préférences.
• Perfmatters : une autre option premium qui vous permet de différer ou de retarder JavaScript selon vos préférences.

Réduire les recherches DNS

Comme avec les requêtes HTTP, chaque nom de domaine que les navigateurs de vos visiteurs doivent accéder ajoute du temps sous forme de recherches DNS. DNS est ‘l’annuaire du web’ et aide votre navigateur à trouver l’adresse IP derrière un nom de domaine.

Par exemple, si vous chargez des scripts tiers à partir de Google Analytics et des fichiers de police tiers à partir de Google Fonts, ceux-ci ajouteront deux recherches DNS supplémentaires.

Chaque recherche DNS prenant du temps, cela peut ralentir votre site. Vous pouvez voir le temps exact que chaque recherche DNS prend dans l’analyse en cascade de Pingdom – plus d’informations à ce sujet ci-dessous.

Voici quelques conseils pour réduire les recherches DNS :

• Éliminez les ressources tierces si possible :  essayez d’éviter de charger des ressources à partir de serveurs tiers chaque fois que cela est possible. En gros, si cela n’ajoute pas un réel avantage à votre site, débarrassez-vous-en.
• Chargez des ressources à partir de votre propre domaine ou CDN si possible : au lieu de charger des ressources telles que Google Fonts et Font Awesome à partir du domaine de cette ressource, vous pouvez héberger les fichiers sur votre propre serveur ou CDN, ce qui éliminera le besoin de faire une recherche DNS supplémentaire. Un plugin comme CAOS peut vous aider à héberger Google Fonts localement.
• Différez ou retardez JavaScript : retarder JavaScript peut réduire le nombre de recherches DNS nécessaires pour charger le contenu principal de votre site, ce qui accélérera les temps de chargement perçus.

Codes de réponse

En dessous des suggestions pour améliorer les performances de la page, Pingdom a des informations supplémentaires sur ce qui se passe sur votre site.

La section des codes de réponse vous indique ce qui se passe avec toutes les ressources que vous chargez sur la page, et est particulièrement utile si votre site est en ligne depuis un certain temps. Les codes de réponse qui sont dans les 200 ou 300 vont généralement bien, mais vous voudrez éliminer toutes les erreurs de la classe 400 et 500.

Vous pouvez également utiliser la cascade (plus d’informations à ce sujet dans un moment) pour découvrir quelles ressources vous donnent des erreurs 404 et 500, et prendre les mesures appropriées pour les supprimer ou modifier votre site.

L’analyse en cascade de Pingdom est une représentation visuelle du processus de chargement de votre page web. Elle vous montre en détail quelles sont les ressources chargées, à quel moment et combien de temps chaque ressource prend pour charger. C’est un outil puissant pour comprendre comment votre site se charge et pour identifier les goulets d’étranglement potentiels qui peuvent ralentir votre site.

Chaque ligne de l’analyse en cascade représente une ressource différente (par exemple, une image, un script JavaScript, un fichier CSS, etc.) et chaque barre horizontale indique le temps que cette ressource a pris pour charger. Plus la barre est longue, plus le temps de chargement de la ressource est long. En analysant ces informations, vous pouvez identifier les ressources qui prennent le plus de temps à charger et travailler pour les optimiser.

Si vous remarquez des erreurs 404 ou 500 dans votre analyse en cascade, cela indique qu’il y a des problèmes avec certaines de vos ressources. Les erreurs 404 indiquent que la ressource n’a pas été trouvée et les erreurs 500 indiquent qu’il y a eu une erreur interne du serveur. Dans les deux cas, vous devrez enquêter pour résoudre ces problèmes. Cela peut impliquer de corriger les liens brisés, de s’assurer que les ressources sont là où elles sont supposées être, ou de travailler avec votre hébergeur pour résoudre les problèmes de serveur.

L’analyse en cascade est un outil essentiel pour tout propriétaire de site qui veut comprendre et améliorer les performances de son site. En l’utilisant régulièrement et en prenant des mesures pour résoudre les problèmes qu’elle révèle, vous pouvez aider à rendre votre site plus rapide et plus efficace pour vos visiteurs.

Tarifs de Pingdom

Tout d’abord, comme je l’ai déjà mentionné à plusieurs reprises, Pingdom offre un essai gratuit de 30 jours qui vous permet de tout tester (aucune carte de crédit requise).

Ensuite, Pingdom propose deux services payants, dont les prix varient en fonction de votre utilisation :

• Surveillance synthétique : cela comprend la surveillance des transactions, la surveillance de la vitesse de page (via les tests de Pingdom) et la surveillance de la disponibilité. En gros, tous les tests ‘en laboratoire’.
• Surveillance réelle des utilisateurs (RUM) : c’est ce qui vous permet de voir les temps de chargement réels que vos véritables visiteurs humains expérimentent.

Vous pouvez choisir d’utiliser l’un ou l’autre, ou les deux, en fonction de vos besoins.

Chaque service commence à 10$ par mois, et le prix augmente à partir de là en fonction des critères suivants :

• Nombre de contrôles pour la surveillance synthétique.
• Vues de page mensuelles pour la surveillance réelle des utilisateurs.

L’essai gratuit de 30 jours inclut l’accès à la fois à la surveillance synthétique et à la surveillance réelle des utilisateurs.

Commencez dès aujourd’hui avec Pingdom

Dans l’ensemble, ce qui distingue vraiment Pingdom de la concurrence, ce sont ses outils payants.

L’outil de test de vitesse gratuit de Pingdom est utile, mais il existe des options plus flexibles en matière de tests de performance gratuits (GTmetrix et WebPageTest en sont deux des meilleurs – voici comment utiliser GTmetrix). Cela ne signifie certainement pas que vous ne devriez pas utiliser la version gratuite de Pingdom pour l’analyse des performances – vous ne devriez simplement pas vous en fier seul.

Cependant, avec le service payant, vous avez accès à une multitude d’outils d’analyse de performances et de disponibilité utiles, présentés dans une interface attrayante.

Pingdom a créé un service tout aussi utile pour les personnes cherchant à développer leurs sites personnels que pour les entreprises basées sur le web beaucoup plus importantes. Le tableau de bord est agréable à naviguer, l’application mobile est incroyablement utile et l’aide sur place est extrêmement facile à comprendre et à suivre.

Deux des fonctionnalités les plus remarquables sont :

• La surveillance des transactions pour détecter rapidement les problèmes avec les parties importantes de votre site.
• La surveillance des utilisateurs réels pour voir à quelle vitesse votre site se charge pour tous vos visiteurs humains du monde entier.

Même si vous n’êtes pas en mesure de payer pour la surveillance des performances en ce moment, vous pouvez quand même profiter de l’essai gratuit de 30 jours pour collecter 30 jours de données de surveillance des utilisateurs réels pour votre site. Cela, combiné aux autres fonctionnalités premium, vous donnera une profonde compréhension des performances réelles de votre site sans rien coûter.