L & # 39; Analyse du test de vitesse en 2 minutes: Comment lire le diagramme en cascade
Ordpress automatise ce processus chaque semaine et nous avons également créé des hackers pratiques pour accélérer considérablement votre analyse. Il n’y a que quelques outils pour vous fournir l’information sur le rendement dont vous avez besoin, Mais regardons d’abord: il y a d’innombrables outils pour mesurer le rendement de votre site d’une manière ou d’une autre. Il existe essentiellement deux types de tests: la vérification de l’optimisation et la vérification du rendement. La première montre dans quelle mesure le site WordPress est optimisé et comment il peut être amélioré. Google page speed Insights, Google Test My site et Yslow de Yahoo en sont des exemples célèbres. Le rôle fondamental de ces outils est de comparer votre site à un ensemble de règles. Plus votre site respecte les règles, mieux vos résultats de test seront.
D’autre part, les vérifications de rendement ou les tests de vitesse mesurent en fait le temps qu’un site Web affiche dans le navigateur de l’utilisateur. Webpagetest, pingdom et gtmetrix sont trois exemples célèbres (gratuits). Ce sont les outils que vous voulez utiliser. Parce que seul un audit de performance peut vous fournir les données dont vous avez besoin pour optimiser correctement votre site et mesurer votre succès. Les contrôles de performance vous fourniront l’une des données les plus précieuses: les diagrammes en cascade. Ce diagramme vous montrera exactement ce qui se passe lorsqu’un utilisateur visite votre site Web, quand il se produit et combien de temps votre serveur Web prend pour le faire.
Qu’est – ce qu’un diagramme en cascade et pourquoi il semble complexe (ce ne sont que des formes et des couleurs) La structure temporelle rend les diagrammes en cascade si précieux. Il vous donne une idée précise de ce que fait votre site Web et vous permet d’identifier les processus et éléments nuisibles qui pourraient ralentir le site. Quel que soit l’outil utilisé, le diagramme en cascade a toujours quatre caratterisch
Ainsi que la façon et la vitesse de chargement du site. Ils vous montreront le potentiel de rendre votre projet plus rapide et meilleur. Règle # 1 – la taille est importante: plus elle est courte, mieux elle est, plus l’affichage en cascade est long, plus il y a de demandes à rendre et plus elle est lente. Cependant, une chute d’eau n’est pas toujours une mauvaise chose du point de vue \
D’après notre expérience, il n’y a pas de corrélation directe entre la longueur du diagramme en cascade et la vitesse de chargement réelle. Mais il y a une limite: 100 demandes semblent être des seuils. Si votre site génère plus d’une requête, vous devriez l’examiner attentivement et essayer de réduire le nombre de requêtes http, par exemple en supprimant certaines ressources externes. Si la vue en cascade est plus longue que 100 requêtes, examinez attentivement et essayez de réduire le nombre de requêtes. Règle # 2 – la valeur maximale de l’axe X du temps de chargement total est essentielle à l’analyse. Il affichera le temps nécessaire pour que le site soit entièrement rendu. Plus le nombre à l’extrémité de l’axe des X est petit, mieux c’est.
Si cette valeur est supérieure à 10 secondes, utilisez la mesure de pleine charge (par défaut dans GT Metrix) et vous devriez certainement voir la vitesse de chargement du site.
La nouvelle norme la plus rapide. Sinon, vous devriez consulter votre fournisseur d’hébergement. Mais gardez à l’esprit que http \/ 2 ne peut être utilisé que si votre site Web a un certificat SSL valide. Si vous n’êtes pas certain, vous pouvez également utiliser un tel outil pour vérifier http \/ 2 Note: Si votre site n’est pas chargé en parallèle, n’utilisez pas la règle http \/ 2 # 5 – vos images peuvent être plus petites et peuvent être le facteur de performance le plus important après la mise en cache du site WordPress. Parce que pour chaque image que vous téléchargez, WordPress crée beaucoup d’images pour votre site, appelées images de premier plan ou vignettes. Par conséquent, la compression d’image est l’une des méthodes les plus puissantes pour réduire la taille du site Web. Les images sont facilement détectées dans les diagrammes en cascade: elles sont représentées par des barres pourpres (dans webgettest, dans pingdom, elles sont représentées par des icônes et gtmetrix ne met pas en évidence les images). Si ces messages sont plus longs que d’autres requêtes sur votre site (ce qui signifie qu’il faut plus de temps pour les charger), vous devriez examiner attentivement vos images. Description: ces deux sites sont de bons exemples d’images de site non compressées et optimisées. Le rendu d’image sur le premier site Web prend jusqu’à 8,5 secondes. C’est trop long. Le deuxième exemple a une image bien optimisée, mais comme vous pouvez le voir, http \/ 2 est toujours manquant. D’après notre expérience, environ 30% des sites que nous avons testés sont susceptibles de comprimer davantage leurs images. Si la barre d’images est beaucoup plus longue que les autres éléments du site, essayez de réduire la taille de l’image ou d’améliorer sa compression. Règle # 6 – le diagramme de cascade de reconnaissance de redirection est un bon outil pour comprendre un site Web.
Il vous montre quels éléments ont été chargés, et si votre site a rencontré des problèmes ou des erreurs lors du chargement, il vous montre également combien de redirections ont été définies et où la redirection a été dirigée. Description: Comme vous pouvez le voir ici, plusieurs requêtes http raidbox. J’ai été redirigé vers une autre URL. Chaque réponse 3xx est marquée d’une ligne jaune. Chaque redirection est mise en évidence et inclut le type de redirection. Avec le diagramme en cascade, nous avons pu détecter plus d’une fois des redirections inutiles ou malveillantes vers les sites de nos clients. La ligne jaune est la redirection. Si l’un n’a aucun sens, vérifiez – le. Règle # 7 – identifier les erreurs en un coup d’oeil parfois, les composants du site Web ne s’affichent pas correctement. Par exemple, un cadre adsense, une carte ou un caractère. Avec le diagramme en cascade, vous pouvez facilement identifier ces composants: chaque ligne rouge est une sorte d’erreur. Description: plusieurs erreurs 4xx se sont produites sur ce site. De même, l’outil de test affiche le type d’erreur qu’il a rencontrée. Le site Web ci – dessus a généré plusieurs 404 erreurs. L’analyse de ces demandes montre qu’elles sont toutes liées aux licences thématiques manquantes. Une fois mis à jour, tous les 404 ont disparu. Une ligne rouge indique une erreur 4xx. Conclusion: la vue de la chute d’eau est peut – être les données les plus précieuses que vous pouvez obtenir, et maintenant nous comprenons. Plus de 2100 mots ont été utilisés. Mais maintenant vous connaissez nos 7 attaques en cascade qui vous permettent d’effectuer des contrôles de performance de base et des analyses sur n’importe quel site Web en quelques minutes. Le diagramme en cascade Combine plusieurs ensembles d’informations, y compris le temps de chargement, l’ordre de rendu et la console de débogage. C’est un fait très précieux. Si vous savez l’analyser correctement, vous n’avez généralement pas besoin d’un coup d’oeil supplémentaire pour connaître tous les faits importants d’un projet.