Query Monitor - Déboguez et améliorez facilement les performances de WordPress

Dans ce didacticiel, nous apprendrons à utiliser le plugin Query Monitor pour découvrir les raisons de la lenteur du site WordPress.

Désactiver les plugins jusqu'à ce que vous trouviez le goulot d'étranglement est généralement le meilleur moyen d'identifier un plugin gênant.

Cependant, il existe un moyen plus efficace et plus rapide de le faire. Afin de résoudre ce problème, Query Monitor a été créé. Votre site WordPress deviendra plus efficace, vous pourrez déboguer les problèmes de performances et vous aurez une meilleure compréhension de votre site.

Qu'est-ce qu'une requête ?

Une « requête » est une demande d'informations à partir d'une base de données. Lorsque WordPress demande des informations à votre base de données, il le fait à l'aide d'une requête.

Plusieurs requêtes sont lancées en arrière-plan lorsqu'une personne visite votre site Web. Vous pouvez effectuer les opérations suivantes en gardant une trace de ces requêtes :

• Déterminez quels plugins ou thèmes ont le plus d'impact sur les performances de votre site Web. Chaque requête prend du temps, et plus un outil effectue de requêtes, plus il a d'influence sur les performances de votre site.
• Gardez une trace des ressources que vous utilisez. Vous pouvez observer la quantité de RAM que vous utilisez et également la quantité de vos informations mises en cache avec succès avec certains outils de surveillance des requêtes.
• Boostez vos compétences en dépannage. Vous pouvez résoudre de nombreuses difficultés plus rapidement si vous savez comment suivre vos requêtes. Si un plugin ne fonctionne pas correctement, par exemple, il est probable qu'une requête ne se déclenche pas correctement.

Vous pouvez identifier les plugins ou les thèmes qui utilisent le plus de ressources en utilisant la surveillance des requêtes pour améliorer les performances de votre site.

Qu'est-ce que le moniteur de requête ?

Query Monitor est un outil gratuit pour déboguer les sites Web WordPress et évaluer leurs performances. L'application analyse chaque requête adressée au serveur, y compris les requêtes de base de données, les requêtes HTTP, les hooks et les actions, et bien plus encore. L'identification d'un plug-in, d'un script ou d'une requête de base de données contribuant à un problème de temps de chargement peut être effectuée via cet outil.

Vous pouvez utiliser le plug-in Query Monitor pour déterminer si les problèmes de performances de votre site Web sont dus à des causes évidentes ou s'ils sont dus à un problème plus complexe.

Différentes fonctionnalités de Query Monitor ?

Voici quelques fonctionnalités de Query Monitor :

• Erreurs PHP
• Erreurs de thème
• API REST
• Appels AJAX
• Authentification
• Déclaration de confidentialité

Voyons maintenant ces fonctionnalités en détail

Erreurs PHP

Le code PHP est généré soit par le thème, soit par le plugin qui génère une requête dans WordPress. En utilisant PHP Errors, on peut identifier le composant responsable de l'erreur, ainsi que l'emplacement.

Erreurs de thème

Toutes les requêtes déclenchées par le thème sont répertoriées par fonctionnalité de thème. Le nom du modèle de thème et la hiérarchie de chaque requête s'affichent. De plus, il met en évidence les parties du thème qui n'ont pas encore été chargées ainsi que le nom du thème actif.

API REST

Le moniteur de requête vous permet de déboguer les informations incluses dans un en-tête de demande d'API REST WordPress authentifié si vous en avez l'autorisation. Cependant, le plugin n'affiche actuellement que les erreurs PHP et l'utilisation de la mémoire.

Appels AJAX

Ajax est utilisé par les sites WordPress dynamiques pour envoyer et récupérer des données en temps réel sans charger la page Web entière. Query Monitor fournit également des informations de débogage associées avec ces requêtes. Ces détails aident les développeurs à identifier plus facilement les erreurs.

Authentification

Le super administrateur de WordPress Multisite et l'administrateur de l'installation d'un site unique peuvent afficher les journaux par défaut. Même lorsque vous êtes connecté en tant qu'utilisateur, vous pouvez afficher les journaux à l'aide d'un cookie d'authentification.

Déclaration de confidentialité

Aucune donnée n'est collectée ou envoyée à des tiers par WordPress Query Monitor qui garantit la confidentialité de l'utilisateur. Cette fonctionnalité rend le plugin beaucoup plus fiable et digne de confiance.

Le but de Query Monitor ?

Plus que de simples requêtes WordPress peuvent être déboguées avec Query Monitor.

Comme l'un des principaux avantages du plugin, Query Monitor est utile pour déboguer les requêtes de base de données.

Il couvre également le débogage spécifique aux performances et au développement général. Query Monitor a la principale limitation qu'il est principalement utilisé pour le débogage "instantané". Les requêtes de la base de données ne sont affichées que pour le chargement de la page en cours lorsqu'elles vous indiquent la synchronisation, etc.

Comment installer Query Monitor ?

L'installation de Query Monitor est super simple dans WordPress.

• Connectez-vous à votre tableau de bord WordPress

• Cliquez sur Plugins -> Ajouter nouveau dans le menu de gauche

• Recherchez "Query Monitor" et installez et activez.

Comment fonctionne le moniteur de requête ?

WordPress Query Monitor n'a pas son propre onglet dans le menu de gauche ou une interface séparée. Il est plutôt affiché dans la barre d'administration WP à la fois sur le frontend et le backend.

Il n'affiche initialement que quatre informations

1. Temps de génération de page
2. Utilisation maximale de la mémoire
3. Temps total pris par les requêtes SQL
4. Nombre total de requêtes SQL

Lorsque vous cliquez dessus, l'interface Query Monitor apparaît sous la forme d'une superposition de fenêtre sur la page frontale et principale. L'interface du moniteur de requête et ses informations ne sont visibles que pour les administrateurs ou les super administrateurs.

Voyons maintenant ces onglets en détail

Aperçu

Cet onglet affiche des informations supplémentaires à partir du résumé de la barre d'administration ainsi que des données/informations générales sur l'environnement. Il s'agit simplement d'un aperçu.

Requêtes

L'onglet Requêtes vous permet d'examiner chaque requête de base de données pour la page en cours. c'est l'une des sections les plus riches en informations de Query Monitor. vous verrez les informations suivantes.

• Requête en forme complète
• Interroger l'appelant
• Composant de requête (qu'il provienne du noyau, du thème, du plugin)
• Nombre de rangées
• Le temps que la requête a pris

Vous pouvez l'utiliser pour une variété de choses, comme trouver des requêtes à chargement lent qui ralentissent la vitesse de votre site.

Query Monitor décomposera les demandes par thème et plugins individuels afin que vous puissiez observer comment chaque extension affecte votre site.

Si vous voyez des nombres anormalement bas ici, cela peut être dû à la mise en cache.

Il existe trois sous-menus :

• Requêtes en double

Pour vous aider à déboguer et à rationaliser les choses, il affiche les recherches en double et répertorie les "problèmes possibles".

• Requêtes par appelant

Vous permet de voir tous les appelants sur cette page. Si vous en sélectionnez un, une liste de requêtes pour quel appelant apparaîtra.

• Requêtes par composant

Fournit une liste de toutes les requêtes effectuées par le noyau WP, le thème et les plugins spécifiques.

Journaux

L'onglet journal est un onglet plus avancé dans lequel vous pouvez consigner des messages et des variables. Cela peut vous aider à résoudre des problèmes techniques ou à surveiller votre site pour les problèmes.

Cet onglet sera vide lors de l'installation initiale de Query Monitor puisque vous n'aurez configuré aucune variable de journalisation.

Demandes

Les variables de requête pour la demande en cours sont affichées dans la page principale de la demande. Il y a trois sous-menus

un. En-têtes de demande

b. En-têtes de réponse

c. Crochets en cours d'utilisation

Écran d'administration

Si vous utilisez Query Monitor dans le tableau de bord d'administration de WordPress, l'onglet Admin apparaîtra. Les filtres et actions personnalisés sont visibles lors de l'affichage d'un panneau d'administration avec un tableau de liste. il affiche également l'état actuel de get_current_screen.

Scénarios

L'onglet scripts est sans doute la zone de dépannage des performances la plus utile après l'onglet admin.

Cet onglet affiche tous les JavaScript mis en file d'attente de la page, ainsi que leurs dépendances et dépendants. Vous pouvez également filtrer pour identifier les scripts d'un certain hôte ou ceux qui ont des dépendances/dépendants explicites.

Plus de scripts, dans l'ensemble, impliquent un site Web plus lent car ils augmentent la taille de la page et ajoutent des requêtes HTTP. Cet onglet peut être utilisé pour étudier les effets de diverses extensions et pour identifier des stratégies pour réduire la quantité de scripts en file d'attente qui se chargent sur chaque page.

modes

L'onglet Styles est similaire à l'onglet Scripts, mais au lieu de JavaScript, il affiche le CSS en file d'attente. C'est encore un autre onglet utile pour déboguer les performances de votre site.

Le chargement de feuilles de style supplémentaires sur une page, similaire à des scripts, entraîne un site de chargement plus lent.

Vous pouvez utiliser ces informations pour limiter le nombre de feuilles de style à charger sur le site Web, ce qui entraîne des fichiers plus petits et moins de requêtes HTTP.

Crochets et actions

L'onglet Crochets et actions affiche tous les crochets et actions de la page actuelle, ainsi que leur priorité.

En ce qui concerne les actions, vous pouvez développer chacune d'entre elles pour voir le fichier et la ligne de code qui y sont associés. Vous pouvez également rechercher des actions à partir du noyau WordPress, des plugins et des thèmes par composant.

Cette région n'est pas particulièrement axée sur la performance, mais elle est utile pour un développement sur mesure.

Langues

L'onglet Langues affiche les domaines de langue et de texte de votre site, ainsi que le fichier de langue pour chaque extension.
Si vous avez un site multilingue et/ou que votre site est dans une langue qui ne dispose pas d'une couverture complète du pack de traduction, cet onglet peut être utile.

Appels d'API HTTP

fournit les détails de la demande, l'heure et le code d'état HTTP pour toutes les demandes HTTP côté serveur effectuées lors du chargement de la page.

"Aucun appel d'API HTTP" devrait apparaître sur de nombreuses pages, ce qui est un bon indicateur car cela suggère que rien n'interfère avec les performances de votre site.

Contrôles de capacité

Les contrôles de capacité vous montrent quelles capacités utilisateur ont accès au contenu actuel que vous visualisez. Cela peut être utile pour déterminer si différents utilisateurs ont accès à différents documents front-end ou back-end.

Environnement

Cet onglet vous donne un aperçu complet de l'environnement de votre site, y compris

• PHP
• Base de données
• Wordpress
• Serveur

Conditionnels

Cet onglet vous permet d'examiner les instructions de condition qui s'appliquent à la page actuelle, ce qui est utile pour le développement personnalisé.

Il existe à la fois des conditionnels "vrai" et "faux".

Quels sont les avantages de l'utilisation de Query Monitor ?

Certaines des fonctionnalités de Query Monitor sont répertoriées ci-dessous

• Les requêtes de base de données, les appels AJAX, les demandes d'API REST et la redirection peuvent tous être surveillés.
• Déterminez quels composants WordPress sont responsables de chaque demande.
• Examinez la durée de traitement de chaque demande et les données qu'elle récupère.
• Des notifications concernant les demandes retardées, les requêtes en double et d'autres formes de problèmes vous sont envoyées.

Conclusion

Il est essentiel que les sites Web WordPress aient leurs propres bases de données, ce qui signifie qu'ils doivent également traiter les requêtes. Garder un œil attentif sur ces requêtes est un excellent moyen de résoudre les problèmes et de découvrir ce que les plugins et les thèmes font dans les coulisses. Plus votre site est complexe, plus il devra traiter de requêtes.

Il est important de garder un œil sur les requêtes en double, pour éviter les problèmes de compatibilité. Les résultats peuvent également être ventilés par composant. De cette façon, vous pouvez suivre le nombre de requêtes effectuées par les plugins et les thèmes et quand elles prennent plus de temps que prévu.