La vitesse d'un site web est un facteur clé qui affecte l'expérience de l'utilisateur et le classement dans les moteurs de recherche - si le temps de chargement est supérieur à 3 secondes, les utilisateurs de 50% ou plus fermeront directement la page ; un site web rapide améliore non seulement le temps de séjour de l'utilisateur, mais gagne également des points dans le classement des moteurs de recherche. Si vous souhaitez optimiser la vitesse de votre site web, la première étape consiste à "trouver le problème", et les outils professionnels de mesure de la vitesse peuvent vous aider à localiser le goulot d'étranglement. Dans cette section, nous présenterons deux outils de mesure de la vitesse pour les débutants : itdog (axé sur l'accès national) et GTmetrix (analyse des performances globales), et nous vous apprendrons à les utiliser pour diagnostiquer rapidement les problèmes de vitesse des sites web.
Tout d'abord, pourquoi devrions-nous tester la vitesse du site web ? Comprendre d'abord la signification principale
Avant d'optimiser, il est important d'être clair : la vitesse n'est pas détectée pour voir un "chiffre", mais pour obtenir la "direction de l'optimisation". Il s'agit plutôt d'obtenir la "direction de l'optimisation".
- Le site web s'ouvre-t-il lentement parce que les images sont trop grandes ? Ou la réponse du serveur est-elle retardée ?
- Accès rapide pour les utilisateurs nationaux, mais impossibilité d'ouvrir pour les utilisateurs étrangers ?
- Il s'affiche correctement sur l'ordinateur, mais se charge de manière irrégulière sur le téléphone ?
Toutes ces questions doivent trouver une réponse dans l'analyse des données de l'outil de mesure de la vitesse. Pour les novices, il n'est pas nécessaire de comprendre tous les détails techniques, il suffit de se concentrer sur les "mesures clés" et les "recommandations d'optimisation" pour cibler le problème.
II. outil 1 : itdog (préféré par les webmasters nationaux, axé sur l'accès local)
itdog (nom chinois "webmaster tools") est l'un des outils de mesure de la vitesse les plus couramment utilisés en Chine.Couverture de tous les principaux opérateurs et de toutes les régions de Chine continentalequi peut refléter fidèlement l'expérience de visite réelle des utilisateurs nationaux. Si les principaux utilisateurs de votre site web sont des visiteurs nationaux, donnez la priorité à la détection.
1. informations de base
- Adresse du site officiel：https.//www.itchien.cn(Pas d'inscription requise, accès gratuit aux fonctionnalités de base)
- Scénarios applicablesTest de la vitesse d'accès de différentes régions et opérateurs (Telecom / Unicom / Mobile) en Chine, et résolution de problèmes tels que "certains utilisateurs ne peuvent pas ouvrir le site web" et "décalage régional".
- Points fortsLes données sont proches de l'environnement réel du réseau en Chine, elles sont faciles à utiliser et les résultats sont intuitifs.
2. les fonctionnalités de base et les étapes d'utilisation (indispensables pour les nouveaux arrivants)
Étape 1 : Sélectionnez l'outil "HTTP Speed Test".
Ouvrez le site web d'itdog et cliquez sur "HTTP Speed Test" dans la barre de navigation supérieure (ou trouvez le portail de l'outil directement sur la page d'accueil). C'est la meilleure fonction pour les débutants - elle teste directement une page web depuis le moment où elle est demandée jusqu'au moment où elle est complètement chargée.
Étape 2 : Saisir l'URL et sélectionner les paramètres du test
- Dans la zone de saisie "Test URL", indiquez l'adresse de la page d'accueil de votre site web (par ex. https://example.com(les adresses HTTPS sont recommandées).
- "Test Node" : Cocher "All" par défaut (couvrant plus de 30 régions et opérateurs en Chine, tels que Beijing Telecom, Shanghai Unicom, Guangzhou Mobile, etc), pas besoin de changer pour les débutants.
- "Options de test : laissez les valeurs par défaut (cochez "Test Full HTML" et "Show Details") et cliquez sur "Start Test".
Étape 3 : Interpréter les résultats des tests (se concentrer sur 3 éléments d'information)
Une fois le test terminé, la page affiche les résultats du chargement de tous les nœuds (vert signifie normal, rouge signifie anormal). Les novices n'ont pas besoin de les lire un par un, ils se concentrent sur les 3 points suivants.
- Temps de chargement global
Chaque nœud de test affichera le "temps total" (par exemple "1,2s", "3,5s"), le temps de chargement dans les régions principales (par exemple Pékin, Shanghai, Guangzhou) devrait être contrôlé dans les 3 secondes, et plus de 5 secondes indique qu'il y a des problèmes évidents.
- Étape clé Consommation de temps
Cliquez sur "Détails" de n'importe quel nœud pour voir les étapes de décomposition du processus de chargement.
- "Résolution DNS" : la valeur normale doit être inférieure à 100 ms (si elle est supérieure à 500 ms, la résolution du nom de domaine peut être instable ; il est recommandé de changer de fournisseur de services DNS).
- "Établissement de la connexion" : le délai normal doit être inférieur à 200 ms (s'il est supérieur à 1 s, cela peut être dû à la mauvaise couverture réseau du serveur dans la région ; il est recommandé de changer de serveur ou d'utiliser un CDN).
- "Chargement du contenu" : la majeure partie du temps total (s'il est trop long, il se peut que les ressources telles que les images et les vidéos soient trop volumineuses et que la taille du fichier doive être optimisée).
- Dépannage des nœuds anormaux
Si les nœuds d'un certain opérateur (par exemple Unicom) ou d'une certaine région (par exemple les provinces occidentales) sont généralement affichés en rouge (échec de chargement ou dépassement de délai), cela signifie que les utilisateurs de cette région peuvent avoir des problèmes pour accéder à votre site web, et que vous devez contacter votre fournisseur de serveur pour optimiser la ligne.
3) Autres fonctions utiles (à essayer par les novices)
- Test Ping multilocalSi le taux de perte de paquets dépasse 5%, cela signifie que le serveur est peu stable.
- Requête DNSLe nom de domaine est résolu correctement (après avoir saisi le nom de domaine, vous pouvez voir les adresses IP renvoyées par différents serveurs DNS, assurez-vous qu'elles sont cohérentes avec l'IP de votre serveur).
Outil 2 : GTmetrix (analyse de la performance globale, guide d'optimisation professionnelle)
GTmetrix est un outil d'analyse des performances mondialement reconnu qui présente les avantages suivantsFournit des scores de performance professionnels et des recommandations d'optimisation spécifiquesIl peut non seulement vous indiquer la "vitesse lente", mais aussi vous dire clairement "ce qu'il faut changer". Convient aux débutants qui ont besoin d'optimiser les performances de leur site web en profondeur, ou dont le site web a des utilisateurs étrangers.
1. informations de base
- Adresse du site officiel：httP.S. ://www.gtmetrix.com(La version gratuite est suffisante pour les novices, et un enregistrement de test peut être conservé après l'enregistrement).
- Scénarios applicablesLes sites web de l'Union européenne : analyser les goulets d'étranglement des performances du site web (par exemple, images non compressées, cache non activé) et simuler l'expérience d'accès au site à partir de différentes régions et de différents appareils (mobiles/ordinateurs) dans le monde entier.
- Points forts: Combine les mesures de Google PageSpeed et de Web Vitals pour fournir des étapes d'optimisation exploitables pour les novices afin d'apprendre l'optimisation de la vitesse d'une manière systématique.
2. les fonctionnalités de base et les étapes d'utilisation (indispensables pour les nouveaux arrivants)
Étape 1 : Saisir l'URL et sélectionner la configuration du test
Ouvrez le site web de GTmetrix et remplissez le champ de saisie avec l'adresse de votre site web (par ex. https://example.comSi vous souhaitez ajuster la configuration de votre site, vous pouvez cliquer sur "Paramètres" avant de cliquer sur "Tester votre site" (la configuration par défaut est recommandée pour les débutants).
- Lieu du testSélectionnez le nœud de test (la version gratuite peut sélectionner l'Amérique du Nord, l'Europe, une partie de l'Asie-Pacifique, par exemple "Hong Kong", qui convient aux tests de vitesse orientés vers l'Asie).
- NavigateurSélectionnez le navigateur de test (par défaut "Chrome", ce qui correspond aux navigateurs de la plupart des utilisateurs).
- DispositifChoisissez soit "Desktop" (ordinateur) soit "Mobile" (téléphone portable), il est recommandé de tester les deux appareils.
Étape 2 : Interpréter les résultats du test (se concentrer sur les 4 sections)
Une fois le test terminé, un rapport détaillé sera généré. Les débutants ne doivent pas se concentrer sur toutes les données, mais plutôt sur les quatre sections principales suivantes.
- Score de performance globale (note et score)
Deux notes (sur une échelle de A à F, A étant la meilleure) sont affichées en haut de la page.
- Score de performanceNote de performance globale (basée sur la vitesse de chargement, l'optimisation des ressources, etc.), avec un objectif d'au moins un "B" (70+ points) pour les novices.
- Note de structureScore d'optimisation structurelle (basé sur les spécifications du code, les paramètres du cache, etc.), avec un objectif novice d'au moins "A" (90+ points).
- Indicateurs de base du Web (Web Vitals)
Il s'agit d'un indicateur clé permettant à Google de juger de l'expérience utilisateur d'un site web, ce qui a une incidence directe sur le classement en matière de référencement et doit être pris en compte.
- LCP (Maximum Content Tracing)Délai de chargement : mesure le temps nécessaire au chargement du contenu principal d'une page, avec une note de passage de "2,5 secondes ou moins" (en vert). Si le délai est dépassé, c'est peut-être parce que l'image du premier écran est trop grande ou que la réponse du serveur est lente.
- TBT (Total Blocking Time)Le délai d'attente est une mesure de la latence des interactions entre les pages, avec une note de passage de "moins de 100 millisecondes" (vert). Si le délai est dépassé, il se peut que le fichier JavaScript ne soit pas optimisé et qu'il faille le compresser ou en retarder le chargement.
- CLS (Cumulative Layout Offset)Stabilité de la mise en page : mesure la stabilité de la mise en page (pour éviter les sauts soudains d'éléments), la norme de réussite est "à 0,1 près" (vert). Si la norme est dépassée, les attributs de largeur et de hauteur de l'image ne peuvent pas être définis.
- Cascade
Visualisation de l'ordre et du temps de chargement de chaque ressource (image, CSS, JS, etc.) sur la page. Les débutants peuvent déterminer le problème par la couleur.
- Ressources rouges : le temps de chargement est trop long (par exemple, plus de 2 secondes pour une image), la taille du fichier doit être optimisée.
- Ressources jaunes : il y a un problème de mise en cache (la mise en cache du navigateur n'est pas activée), vous devez configurer la mise en cache via un plugin (voir section 23.3).
- Recommandations d'optimisation
C'est la partie la plus utile de GTmetrix ! Des étapes d'optimisation spécifiques sont énumérées, et chaque suggestion est assortie d'une "priorité" (élevée/moyenne/faible) et d'un "gain de temps", afin que les débutants puissent les mettre en œuvre de la plus haute à la plus basse priorité.
- Élevé : doit être optimisé, par exemple "Compresser les images", "Activer la mise en cache du navigateur", "Compresser les fichiers CSS/JS".
- Priorité moyenne (Medium) : des optimisations telles que "réduire les redirections" et "retarder le chargement des images qui ne sont pas celles du premier écran" sont recommandées.
- Faible : optimisations facultatives telles que "supprimer les feuilles de style CSS inutilisées" (les débutants peuvent l'ignorer pour l'instant).
3. conseils pour les nouveaux arrivants
- test de comparaisonAprès chaque optimisation (par exemple, compression d'images, installation de plug-ins de mise en cache), refaites un test avec GTmetrix et observez si les scores et les mesures s'améliorent pour vérifier l'effet de l'optimisation.
- Conservation des rapportsLes enregistrements des tests peuvent être sauvegardés après l'enregistrement d'un compte pour faciliter la comparaison de l'évolution des performances dans le temps.
- Éviter la sur-optimisationLa version gratuite limite le nombre de tests par jour (environ 5). Il n'est donc pas nécessaire de tester fréquemment, il suffit d'optimiser 1 ou 2 points clés, puis de tester à nouveau.
IV. questions fréquemment posées et suggestions pour les débutants
1) Les résultats des tests des deux outils ne concordent pas, lequel doit prévaloir ?
- Phénomène normal ! Parce que les nœuds de test et les environnements réseau sont différents (itdog se concentre sur le territoire national, GTmetrix se concentre sur le territoire mondial).
- suggestionPour ce faire, il convient d'utiliser l'outil correspondant à la région où se trouve l'utilisateur cible - itdog pour les utilisateurs nationaux et GTmetrix pour les utilisateurs étrangers - et d'utiliser les recommandations d'optimisation de GTmetrix pour guider les opérations spécifiques.
2) Le résultat du test indique "lent", mais je peux moi-même y accéder très rapidement ?
- Motif : Vous avez peut-être mis en cache le contenu du site localement ou dans la même région que le serveur.
- Solution : Videz le cache du navigateur (Ctrl+Shift+Delete) lors des tests, ou utilisez GTmetrix pour sélectionner d'autres nœuds régionaux à tester afin de simuler l'expérience réelle de différents utilisateurs.
3) Comment optimiser rapidement lorsque vous ne pouvez pas lire le jargon technique ?
- Inutile de se plonger dans la terminologie, il suffit de suivre les "suggestions d'optimisation" de l'outil.
- itdog indique que le chargement du contenu est lent : donnez la priorité à la compression des images (voir la section 23.2).
- GTmetrix demande "Enable Caching" : installez un plugin de mise en cache (par exemple WP Rocket, voir Section 19.4).
- GTmetrix affiche "LCP timeout" : optimisez l'image du premier écran (compressez-la ou passez-la au format WebP).
court
La vérification de la vitesse de votre site web est une condition préalable à l'optimisation, et itdog et GTmetrix ont leur propre objectif : itdog vous aide à comprendre la situation d'accès réelle des utilisateurs dans votre pays, tandis que GTmetrix fournit des lignes directrices professionnelles en matière d'optimisation. Les débutants n'ont pas besoin de maîtriser toutes les fonctions, ils doivent simplement se souvenir : utilisez itdog pour voir le temps de chargement des régions et des transporteurs nationaux, et utilisez les "Suggestions d'optimisation" (haute priorité) de GTmetrix pour mettre en œuvre des opérations spécifiques.
Après chaque optimisation, vérifiez les résultats à l'aide d'outils qui ramènent progressivement le temps de chargement du site à moins de 3 secondes - cela améliore non seulement l'expérience de l'utilisateur, mais constitue également une base solide pour le classement dans les moteurs de recherche.
Français