Comment fonctionnent les tests de vitesse de site Web

Mise à jour : 2022-05-24 / Article par : Timothy Shim

Vous connaissez peut-être le dicton selon lequel « une image vaut mille mots ». Eh bien, il s'avère qu'une seule seconde vaut environ 3.4% des conversions pour votre site Web. C'est une énorme quantité d'affaires perdues en raison du chargement lent des pages. 

Alors, comment pouvez-vous déterminer si votre site Web se charge assez rapidement ? Vitesse du site Web Les tests sont un excellent moyen de le savoir, mais il existe de nombreux tests différents que vous pouvez utiliser.

Cet article vous fournira des informations sur l'exécution correcte des tests de vitesse, l'interprétation des résultats et l'utilisation des informations pour améliorer la vitesse de votre site Web.

Comment tester correctement la vitesse du site Web

Vous pouvez utiliser de nombreux outils pour exécuter un test de vitesse de site Web. Certains vous donneront beaucoup d'informations, et certains pourraient ne pas vous en donner assez. La meilleure façon d'obtenir les résultats les plus précis est d'utiliser quelques outils ou d'exécuter plusieurs tests par le même moyen. 

La latence expliquée
Le temps de parcours des données est limité par la distance physique. Les temps de réponse réels du serveur varient selon les emplacements de serveur.

Il est important de se rappeler que les résultats dépendent souvent de votre le serveur web emplacement par rapport au point d'origine du test. Plus ces deux éléments sont éloignés, plus les données doivent voyager longtemps, ce qui peut affecter les résultats des tests de vitesse.

Pour cette raison, vous devriez toujours choisir un serveur web près de l'endroit où vous attendez le plus de visiteurs. Par exemple, un site Web dont le trafic provient principalement des États-Unis doit se trouver quelque part aux États-Unis.

Si vous vous adressez à un public mondial, l'exécution d'un test de vitesse de site Web à partir de plusieurs emplacements de test peut vous donner une meilleure idée de la façon dont la distance affecte les visiteurs de divers endroits.

Méthodologie de test de vitesse de serveur idéale

Votre méthodologie de test doit impliquer plusieurs exécutions et ressembler à ceci :

  1. Exécutez un test à partir de l'emplacement 1 et répétez 3 fois, en enregistrant les résultats de tous les tests.
  2. Répétez le processus à partir d'un autre emplacement de test, en enregistrant les données de la même manière. Je vous recommande de tester à partir d'au moins trois domaines stratégiques ; aux États-Unis, en Europe et en Asie.

Outils de test de vitesse de site Web recommandés

Exemple de tests de vitesse de site Web
Exemple - Tests de vitesse de site Web que nous avons effectués pour nos sites de test hébergés sur Interserver (plus de détails ici) à partir de différents emplacements à l'aide de WebPageTest.org

Les outils qui donnent le plus d'informations sur les performances de votre site utilisent de vrais visiteurs humains pour tester la vitesse de votre site Web. Par exemple, le test de page complète de Pingdom utilise de vrais navigateurs (IE9, Chrome et Firefox) dans des emplacements réels (États-Unis, Australie, Europe) pour charger votre site et fournir des rapports de performances.

Parce qu'il teste votre site en tant qu'entité complète, y compris tous les objets de la page, il peut proposer des suggestions pour améliorer les performances et un aperçu de ce qui pourrait ralentir votre site.

Cependant, il existe de nombreux autres outils de test de vitesse de site Web utiles que vous pouvez envisager, notamment :

Pour une liste complète de ces outils, consultez notre Liste de 20 outils de test de vitesse de site Web gratuits.

Comprendre la terminologie des tests de vitesse

Un test de vitesse de site Web est utile à bien des égards, mais uniquement tant que vous comprenez comment utiliser les résultats. Ce n'est qu'en sachant ce que signifient les données que vous pourrez mettre en œuvre les corrections appropriées pour améliorer les performances de votre site Web.

Avant de plonger dans l'interprétation des résultats des tests de vitesse, il est utile de se familiariser avec certains termes. Ces termes sont principalement associés au réseautage.

Latence

Le temps que prend tout ce qui se passe entre le moment où vous cliquez sur un lien ou entrez une adresse dans votre navigateur et le moment où vous voyez les résultats apparaître sur votre écran. La mesure standard de la latence est en millisecondes (ms).

Ping

Souvent confondu avec la latence, Ping est un terme précis utilisé pour décrire le temps nécessaire à un seul paquet de données pour quitter votre ordinateur et atteindre sa destination. Comme la latence, vous mesurez le ping en ms.

Premier octet ou temps jusqu'au premier octet (TTFB)

Le TTFB est une mesure utilisée pour indiquer la réactivité d'un serveur Web. Vous mesurez TTFB comme la durée entre l'utilisateur ou le client faisant une requête HTTP et la réception du premier octet par le navigateur du client. 

Taille de la page

La taille d'une page Web est la taille de tout son contenu. Pour qu'un navigateur Web charge complètement une page Web, il doit télécharger tout le contenu, y compris Code HTML, images, feuilles de style, etc. Plus la somme de ces contenus est importante, plus le temps de chargement sera long.

Premier interactif

La plupart des navigateurs Web permettent aux utilisateurs de commencer à effectuer des activités sur un site Web avant le chargement complet. First Interactive est le temps passé sur votre site Web avant que cela ne se produise.

Selon l'outil de test de vitesse de site Web que vous choisissez, vous rencontrerez probablement plus de termes. Ceux-ci inclus:

Et plus. Essayez d'en apprendre le plus possible sur la signification de ces termes si vous avez l'intention d'utiliser un test qui fournit les données ci-dessus.

Interprétation des résultats des tests de vitesse

PageSpeed ​​Insights de Google fournit une évaluation rapide de votre performance du site.

Comme vous pouvez le voir dans la terminologie ci-dessus, il peut être difficile d'appliquer une méthode d'interprétation à tous les outils de test de vitesse de site Web.

Pour cette raison, je vais utiliser un outil comme exemple - Google PageSpeed ​​Insights.

Google PageSpeed ​​Insights est excellent puisque Google le fournit et démontrera très probablement ce que le géant de la recherche préfère. Il est également extrêmement convivial, donnant des résultats visuels et des conseils sur la résolution des problèmes découverts.

Google teste séparément les performances mobiles et de bureau et se concentre sur quatre éléments clés : First Contentful Paint (FCP), First Input Delay (FID), Largest Contentful Paint (LCP) et Cumulative Layout Shift (CLS).

Chaque zone testée renverra un résultat en secondes et une barre d'indication de qualité. Le vert signifie bon, l'orange signifie qu'il faut améliorer et le rouge nécessite une attention plus urgente.

Faire défiler la page fournira une ventilation des domaines de test individuels et des facteurs contribuant à chacun. Vous pouvez l'utiliser pour apporter des améliorations chirurgicales à votre site Web.

Lire aussi

Dépannage des résultats de test de vitesse de site Web lents

Données de résultat du test de vitesse - Graphique en cascade
Les graphiques en cascade, généralement fournis par la plupart des meilleurs outils de test de vitesse, montrent la progression détaillée du chargement des éléments de la page Web, vous permettant de voir ce qui prend plus de temps. 

La plupart des sites Web lents sont le résultat d'ensembles similaires de déficiences. Par exemple, des délais CLS élevés résultent d'une optimisation incorrecte des images. Cependant, étant donné le nombre de domaines nécessitant une attention particulière, il est impossible de les couvrir de manière exhaustive.

Certains problèmes et solutions courants incluent :

Réduire le JavaScript inutilisé

Les sites Web dynamiques (comme ceux exécutés sur WordPress ) rencontrent souvent ce problème. Vous pouvez résoudre le problème en utilisant un bon plugin de cache pour réduire la redondance JavaScript.

Réduire l'impact du code tiers

Aujourd'hui, de nombreux sites Web sont modulaires et utilisent des composants de différents développeurs (par exemple, Google, Facebook, Fonts, etc.). Cette combinaison se traduit souvent par un manque de cohésion qui affecte les performances. Rationalisez votre site Web et utilisez le moins de sources de code différentes possible.

Réduire le temps de réponse initial du serveur

Essentiellement, Google vous dit que votre serveur Web est nul. Un hébergement Web de qualité inférieure entraîne souvent des vitesses médiocres, et vous ne pouvez pas faire grand-chose à part passer à un autre fournisseur d'hébergement.

Les éléments d'image n'ont pas de largeur et de hauteur explicites

De nombreux propriétaires de sites Web commettent l'erreur de simplement télécharger des images sans autres modifications. Lors du téléchargement d'images, spécifiez les paramètres pour éviter de confondre les navigateurs Web et de provoquer des retards de temps de chargement.

Diffusez des images dans des formats nouvelle génération

Pour les images, non seulement les dimensions sont importantes, mais le format de l'image l'est également. Les formats de nouvelle génération tels que WebP augmentent la compression, ce qui accélère le téléchargement des images sur le Web.

Servez des actifs statiques avec une politique de cache efficace

Certains contenus sont téléchargés et conservés sur leur navigateur lorsque les visiteurs chargent votre site Web. Ce processus permet d'améliorer les performances pour les visites répétées. La définition de politiques de cache permet aux navigateurs de savoir combien de temps ils doivent conserver ces images avant de répéter une demande.

Évitez une taille de DOM excessive

DOM fait référence à la taille de votre page Web. Obtenir un avertissement DOM excessif signifie que vous devez envisager de rationaliser la page. Vous pouvez le faire de plusieurs façons, par exemple en réduisant le nombre d'images sur la page ou en utilisant moins de sections.

Évitez les grands changements de mise en page

Les sites Web dynamiques génèrent des sections de page à la volée. Lorsque vous avez plusieurs de ces éléments redimensionnables sur une page, la mise en page change fréquemment, ce qui entraîne une mauvaise expérience utilisateur. Dans la mesure du possible, définissez correctement les éléments de la page.

Les possibilités sont infinies. Avant d'essayer de résoudre ces problèmes un par un, je vous recommande d'envisager une optimisation approfondie de votre site Web. Il existe de nombreuses améliorations de performances universellement acceptées que les propriétaires de sites Web doivent mettre en œuvre.

Pour en savoir plus, lisez RSEle guide sur améliorer les performances de votre site Web.

Réflexions finales sur les tests de vitesse de site Web

Les tests de vitesse de site Web sont un excellent moyen d'obtenir un aperçu des performances de votre site Web. Ces outils sont faciles à utiliser et fournissent généralement des données relativement précises. Bien sûr, cela aide également que de nombreux excellents outils de test de vitesse de site Web soient gratuits.

Cependant, il est essentiel de se rappeler que le mot clé dans les déclarations ci-dessus est "instantané". Les tests de vitesse de site Web sont statiques et des modifications mineures de votre site Web peuvent modifier considérablement les résultats. Pour cette raison, il est préférable de planifier des évaluations périodiques des performances de votre site Web et de corriger les problèmes nouvellement découverts dès que possible.

En savoir plus

A propos de Timothy Shim

Timothy Shim est un écrivain, un éditeur et un geek de la technologie. Il a débuté sa carrière dans le domaine des technologies de l’information et a rapidement trouvé son chemin dans la presse écrite. Il a depuis travaillé avec des titres de médias internationaux, régionaux et nationaux, notamment ComputerWorld, PC.com, Business Today et The Asian Banker. Son expertise se situe dans le domaine de la technologie, tant du point de vue du consommateur que de l'entreprise.