WordPress Query Monitor Plugin: Debuggen und Leistung verbessern

• Was ist WordPress-Abfragemonitor?
• Funktionen von WordPress Query Monitor
• Warum ist der Abfragemonitor für Entwickler nützlich?
• Wie verwende ich den WordPress-Abfragemonitor?

Was ist WordPress-Abfragemonitor?

Query Monitor ist ein WordPress-Plugin, das der Debugging-Phase einen großen Mehrwert verleiht und die Gesamtleistung Ihrer WordPress-Entwicklungsworkflows im Allgemeinen verbessert.

Das Plugin fügt in der oberen Menüleiste einen Eintrag hinzu, der als Dropdown-Liste fungiert, die die Anzahl der auf der aktuellen Seite ausgeführten Abfragen, die Ladezeit, Filter nach Abfragetyp, Filter nach Komponenten usw. enthält eine bessere Vorstellung davon haben, was die Fehler auf der Website verursachen könnte.

Es wurde von John Blackbourn entwickelt und ist sowohl im offiziellen WordPress Plugin Repository als auch auf GitHub verfügbar. Wie jedes großartige WordPress-Plugin wird Query Monitor regelmäßig aktualisiert und das Entwicklungsteam bietet hervorragenden Support und Fixes für alle gemeldeten Fehler.

Die Installation ist sehr einfach und erfordert im Allgemeinen keine zusätzlichen Schritte (im Vergleich zum Installationsprozess ähnlicher Plugins). Nach der Installation benötigt dieses WordPress-Debug-Plugin keine zusätzliche Konfiguration. Direkt nach dem Auspacken wird die Dropdown-Liste in der Admin-Symbolleiste angezeigt.

Durch Klicken auf die Einträge in der Dropdown-Liste können Sie auf Details zu den Abfragen zugreifen, die an die Datenbank gestellt werden, die Skripte und das geladene CSS, aktive Hooks und die HTTP-API-Aufrufe.

Funktionen von WordPress Query Monitor

Hier ist ein kurzer Überblick über die Funktionen des Query Monitor-Plugins.

Themenfehler

Die Theme-Funktion listet alle Abfragen auf, die durch das installierte WordPress-Theme ausgelöst werden. Es zeigt den Dateinamen der Theme-Vorlage an, die für eine bestimmte Abfrage verantwortlich ist, und zeigt die vollständige Vorlagenhierarchie an. Die Theme-Funktion hebt auch die nicht geladenen Theme-Teile und den Namen des aktiven WordPress-Themes hervor.

PHP-Fehler

WordPress läuft auf PHP und unabhängig davon, ob die Anfrage von einem Theme oder einem Plugin generiert wird, liegt es in Form eines PHP-Codes vor. Die PHP-Fehlerfunktion hebt die Quellkomponenten und den Ort hervor, der für die Generierung der Abfrage verantwortlich ist.

Hinweis: Nicht alle im Abfragemonitor aufgelisteten Abfragen sind seriös. Gut möglich, dass es sich nur um eine Warnung handelt.

AJAX-Anrufe

Dynamische WordPress-Sites führen viele Ajax-Aufrufe zum Senden und Abrufen von Daten in Echtzeit durch, ohne die gesamte Webseite zu laden. Query Monitor zeigt diese Anforderungen auch zusammen mit anderen nützlichen Debugging-Informationen an. Diese Informationen können dem Entwickler helfen, Fehler hervorzuheben.

REST-API

Wenn Sie die Berechtigung haben, den Abfragemonitor zu überwachen, können Sie die im Header einer Anfrage einer authentifizierten WordPress-REST-API angezeigten Informationen debuggen. Derzeit unterstützt das Plugin nur PHP-Fehler und Speichernutzung.

Authentifizierung

Standardmäßig können nur der Admin einer Single-Site-Installation und der Super Admin einer WordPress-Multisite die Logs im Query Monitor einsehen. Sie können jedoch ein Authentifizierungs-Cookie konfigurieren, mit dem Sie die Protokolle auch dann anzeigen können, wenn Sie als Benutzer angemeldet sind.

Datenschutzerklärung

WordPress Query Monitor sammelt weder Daten noch sendet sie Daten an Dritte.

Mir ist auch aufgefallen, dass in den FAQs angegeben ist, dass Debug Bar-Add-Ons mit Query Monitor verwendet werden können, deaktivieren Sie einfach zuerst die Debug Bar. Und es gibt auch Add-Ons für Query Monitor.

Warum ist der Abfragemonitor für Entwickler nützlich?

Mit dem Query Monitor-Plugin können Entwickler eine gute Vorstellung davon haben, welche Bereiche verbessert werden müssen. Darüber hinaus können Entwickler das Plugin oder andere Website-Assets entdecken, die eine ungewöhnliche Menge an Ressourcen verbrauchen oder (in schlimmeren Fällen) mit den restlichen Kerndateien in Konflikt stehen.

Für Websitebesitzer und Entwickler, die an einer Verbesserung der Web Performance Optimization (WPO) interessiert sind, ist Query Monitor eine ideale Lösung zur Identifizierung von Engpässen, die mit verbesserten Codeschnipseln, Alternativen oder in einigen Fällen vollständigem Austausch von Skripten/Plugins behoben werden können.

Betrachten wir eine einfache Entwicklungsaufgabe – das Ermitteln der Seitenladezeit und der Anzahl der aktiven Abfragen auf der Seite.

WordPress bietet zwei einfache Funktionen: get_num_queries() und timer_stop() . Wie der Name schon sagt, gibt get_num_queries() die Anzahl der Datenbankabfragen zurück, die während der Ausführung generiert wurden, und timer_stop() gibt die Anzahl der Sekunden zurück, die zum Generieren der Seite erforderlich sind.

Wie verwende ich den WordPress-Abfragemonitor?

Nachdem Sie Query Monitor installiert und aktiviert haben, müssen Sie zu Plugins → Installierte Plugins → Query Monitor → Einstellungen gehen und dann auf die Schaltfläche „ Authentifizierungs-Cookie setzen “ klicken. Sehen wir uns nun jeden Abschnitt des Query Monitor-Plugins im Detail an.

Überblick

Der erste Reiter bietet Ihnen einen Überblick über Ihre Website. Es zeigt Ihnen die Seitenerstellungszeit, die Spitzenspeichernutzung, die Datenbankabfragezeit und die Datenbankabfragen.

Datenbankabfragen

Immer wenn ein Benutzer Informationen anfordert oder versucht, die Informationen zu übermitteln, wird eine Datenbankabfrage ausgelöst. Query Monitor verfolgt diese Abfrage und zeigt sie in den Protokollen an, damit Sie als Benutzer sehen können, welche Abfragen erfolgreich ausgeführt wurden und welche nicht. Und könnte auch nach Typ und Komponente der Abfrage filtern.

Anfrage

Die Anforderungsfunktion zeigt die Abfragevariable für den aktuellen Benutzer an und hebt die benutzerdefinierte Abfrage hervor. Es zeigt auch die zugehörigen Abfragezeichenfolgen an, die in einer Anfrage vorhanden sind.

Admin-Bildschirm

Dieser Abschnitt zeigt die Aktivitäten, die im WordPress-Administrationsbereich stattfinden. Es listet die Komponenten auf, auf die über das Admin-Panel zugegriffen wird, und zeigt einen Fehler aufgrund der Nichtverfügbarkeit einer PHP-Datei an.

Skripte

Wenn Sie die Registerkarte Skripts im Abfragemonitor aufrufen, werden alle in der Warteschlange befindlichen Skripts und Stile aufgelistet, die in der Anforderung enthalten sind. Es hebt auch jedes defekte oder nicht reagierende Skript aufgrund einer externen Abhängigkeit hervor.

Stile

Es ist durchaus möglich, dass manchmal aufgrund einer externen Abhängigkeit eine bestimmte CSS-Datei nicht geladen wird und das Layout Ihrer Webseite stört. Dieser Abschnitt befasst sich mit den CSS-Stylesheets und hilft Ihnen, die Quelldateien hinter jeder Abfrage zu identifizieren.

Haken und Aktionen

Hooks und Aktionen spielen eine wichtige Rolle in jeder WordPress-Site, da sie es Ihnen ermöglichen, eine benutzerdefinierte Funktionalität mit den vordefinierten Steuerelementen zu erstellen, die von WordPress selbst bereitgestellt werden. Dies kann manchmal Ihre Website beschädigen und die Behebung des Fehlers kann eine ermüdende Aufgabe sein.

Dank Query Monitor, der über ein integriertes Tool verfügt, um Fehler zu identifizieren, die durch Hooks und Aktionen verursacht werden. Auf diese Weise können Sie Aktionen und Hooks nach Kern, Thema oder Plugin filtern. Und geben Sie auch den vollständigen Namen und die Referenz an, die zu Debugging-Zwecken leicht im Code zu finden sind.

Sprachen

Bei einer mehrsprachigen Website identifiziert die Registerkarte Sprache alle beschädigten oder nicht verfügbaren Dateien und zeigt auch die Spracheinstellungen an.

HTTP-API-Aufrufe

Auf dieser Registerkarte werden alle serverseitigen Abfragen sowie der Antwortcode, das Zeitüberschreitungsprotokoll und fehlgeschlagene Anforderungen angezeigt. Dies ist eine nützliche Funktion, da Sie die Antwort in Echtzeit sehen und den serverseitigen Code effizient debuggen können.

Vorübergehende Updates

WordPress ist in der Lage, die API-Antwort in seiner Datenbank zwischenzuspeichern, da einige APIs nur eine bestimmte Anzahl von Anfragen zu einem bestimmten Zeitpunkt zulassen. Transient Updates zeigt diese Transienten sowie die Größe und die Komponente an.

Fähigkeitsprüfungen

Dies ist standardmäßig inaktiv und kann aktiviert werden, indem der Code in die Datei wp-config.php eingefügt wird. Fähigkeitsprüfungen führt für jeden Benutzer auf der Seite Fähigkeitsprüfungen durch und zeigt die Parameter zusammen mit dem Ergebnis an.

Umfeld

Dies ist eine vollständige Übersicht über die WordPress-Umgebung und enthält drei Abschnitte für PHP, Datenbank und WordPress. In jedem Abschnitt werden nützliche Informationen zur Umgebung angezeigt, z. B. MySQL-Version, PHP-Speicherlimit, WordPress-Version usw.

Bedingungen

Zeigt alle WordPress-Bedingungen der aktuellen Anfrage an.

Einpacken!

Das WordPress Query Monitor-Plugin konzentriert sich auf das Debuggen und bietet alle relevanten Informationen auf leicht verständliche Weise. Das Plugin ist ideal, um schnell die Plugins, Themes oder Funktionen zu identifizieren, die die Leistung der Website beeinträchtigen.

Das Plugin integriert ein Menü in die Admin-Toolbar, das eine allgemeine Beschreibung der aktuellen Seite anzeigt, wobei die vollständigen Daten in einem Panel angezeigt werden (sobald Sie einen Menüpunkt auswählen). Welche dieser Komponenten verwenden Sie am häufigsten, um Ihre Website intakt zu halten? Irgendwelche Vorschläge?