Query Monitor – Debugging Von WordPress

query monitor plugin spotlight
21. Februar 2020

Wie du mithilfe des Plugins Query Monitor deine WordPress-Seite debuggen kannst und die Performance deiner Webseite wieder verbesserst, erklären wir in diesem Beitrag.

Kennst du diese Situation? Du arbeitest an einem WordPress-Projekt und hast ein Dutzend oder mehr WP Plugins installiert.

Allerdings macht deine Website nicht ganz so mit, wie du dir das gewünscht hast und du tust dich schwer damit, das Problem zu finden, weil die üblichen Verdächtigen schon aus dem Rennen sind. Es gibt keine offensichtlichen JavaScript- oder PHP-Fehler und auch sonst scheint alles zu laufen, wie es soll. Also kann es nur an einem Plugin liegen, aber an welchem? Wo hat sich ein Fehler eingeschlichen und wie wirst du ihn wieder los?


Die übliche Methode, um ein problematisches WordPress Plugin zu identifizieren besteht darin, Plugins einzeln zu deaktivieren, bis der Übeltäter gefunden ist. Mit dem richtigen Debugging-Tool kannst du das Problem jedoch deutlich schneller und genauer ausmachen, um es dann zu beheben. Mithilfe des Debugging Plugins Query Monitor wird die Suche nach dem Fehler einfach.


Inhaltsverzeichnis

  1. Query Montior – Einleitung
  2. Was macht das Plugin?
  3. Wie funktioniert es?
  4. Fazit

Das WordPress Plugin: Query Monitor

Query Monitor ist ein kostenloses Debugging- und Entwicklungs-Plugin für WordPress. Du kannst damit langsame Datenbankabfragen, AJAX-Aufrufe, REST-API-Anfragen und vieles mehr identifizieren oder Fehler beheben. Darüber hinaus meldet das Debugging Plugin für WordPress Details wie Skriptabhängigkeiten, WordPress-Hooks, die während der Seitengenerierung ausgelöst wurden, Details zur Hosting-Umgebung, bedingte Abfrage-Tags, die von der aktuellen Seite erfüllt werden und vieles mehr.



query monitor admin bar
Query-Auflistung – So schaut das Plugin aus – Onpage oder im Backend – Die Positionierung lässt sich beliebig anpassen.


Das WP Plugin wurde von John Blackbourn entwickelt, einem Urgestein unter den WordPress Committern, der auch schon bei WordPress.com VIP beschäftigt war. Das WordPress Debugging Plugin Query Monitor wurde 2013 in das WordPress-Plugin-Verzeichnis aufgenommen und zählt derzeit über mehr als 100.000 aktive Installationen – eine beeindruckende Summe für ein Entwicklungs-Plugin.

Die Benutzerbewertung des Plugins von fünf aus fünf Sternen unterstreicht nochmals seine Beliebtheit bei den Entwicklern.


Was macht das Debugging-Plugin genau?

Das Plugin Query Monitor beobachtet jede WordPress-Transaktion, die auf dem Server oder zwischen dem Server und dem Browser des Besuchers stattfindet, während eine WordPress Webseite generiert wird. Es fügt dann einen Bericht an die Fußzeile der Webseite an, der alle gesammelten Informationen enthält. Es funktioniert auf jeder Seite, einschließlich /wp-admin/ Seiten, so dass du es benutzen kannst, um jede Front-End- oder Back-End-Seite zu debuggen.


Den Namen hat das Plugin noch von seiner ursprünglichen Kernfunktion – der Überwachung von Datenbankabfragen. Jede Abfrage wird überwacht, zeitgesteuert und an die Funktion gebunden, die sie erzeugt hat. Dadurch kannst du Queries nach der Bearbeitungsdauer sortieren und problematische, langsam ladende Queries lokalisieren.


Das Query Monitor Plugin verfolgt und listet auch die WordPress Hooks und Conditional Tags auf der generierten Seite auf. Als Entwickler kannst du diese Informationen verwenden, um den entsprechende Hook oder Conditional Tag zu identifizieren, der beim Hinzufügen neuer Plugin- oder Theme-Funktionen verwendet werden soll.


Außerdem liefert das Plugin noch viele weitere Informationen. Alle gesammelten Daten kannst du übrigens auch einsehen, indem du das Plugin auf einer Testseite installierst. Anschließend kannst du einfach einen Blick auf die Berichte werfen.


Bitte ein gültiges Formular wählen


Wie benutzt man das Plugin?

Das Debugging Plugin für WordPressQuery Monitor ist auf GitHub und auch im WordPress-Plugin Verzeichnis verfügbar. Sobald du das Plugin installiert hast, wirst du als erstes feststellen, dass ein neuer Menüpunkt zur Admin-Leiste hinzugefügt wurde:


Query Monitor screenshot


Die blauen Zahlen rechts in der Leiste zeigen dir nützliche Metriken an. Nämlich wie lange es gedauert hat, diese Seite zu generieren und dann noch den maximal genutzen PHP-Speicher.


Bewege den Mauszeiger über die Admin-Leiste und ein Dropdown-Menü erscheint. Alle von Query Monitor erzeugten Daten sind in einem einzigen Bericht enthalten, der am Fuß der Seite hinzugefügt und in mehrere Abschnitte unterteilt wird. Klicke auf einen der Punkte im Dropdown Menü, um zum entsprechenden Abschnitt des Query Monitor Plugins zu gelangen.



Query Monitor screenshot
Query Monitor Dropdown – Navigation


Wenn PHP-Fehler auftreten oder wenn Abfragen zu lange dauern, werden dem Dropdown-Menü zusätzliche Elemente hinzugefügt, die diese Probleme hervorheben. Sobald du darauf klickst, erhältst du mehr Details. Du wirst feststellen, dass sich die letzten Einträge in der Liste von einer Seite zur nächsten ändern können. Diese grün dargestellen Elemente, sind die bedingten Abfrage-Tags, die von der aktuellen Seite erfüllt werden. Blättere durch den gesamten Bericht, um die Fülle der vom WP Plugin Query Monitor erzeugten Daten zu sehen. Nimm dir die Zeit, die Dropdown-Menüs zum Filtern der im Bericht enthaltenen Daten sowie die verschiedenen Optionen auszuprobieren. Es gibt noch weitere Daten zu vielen gemeldeten Details.


Query-Monitor-Daten als abgemeldeter Benutzer anzeigen

Wenn du eine WordPress-Website ansiehst, während du als Admin angemeldet bist, enthält die Website eine Admin-Leiste und zusätzliche Skripte, die die abgemeldeten Besucher nicht sehen. Query Monitor für WordPress ermöglicht es, die Seite zu sehen, während du abgemeldet bist und trotzdem Zugriff auf Debugging-Informationen zu haben. Allerdings kann die erstmalige Verwendung dieser Funktion etwas schwierig sein.


Gehe folgendermaßen vor, um die Daten des Query-Monitor als abgemeldeter Besucher anzuzeigen:


Gehe in den WordPress Admin-Bereich, während du als Admin angemeldet bist, und klicke auf das Element Query-Monitor in der Admin-Leiste. Scrolle ganz unten zu „reported data“und suche nach dem Link „Set authentication cookie“. Beachte, dass du dich im Admin-Bereich befinden musst, um den Link zu sehen. Wenn du den Link auf einer Frontend-Seite suchst, wirst du ihn nicht finden.


Wenn du auf diesen Link klickst, wird deinem Browser ein Authentifizierungs-Cookie hinzugefügt. Auf diese Weise kann Query Monitor die Testergebnisse anzeigen, auch wenn du nicht angemeldet bist.


Mit dem gesetzten Authentifierzierungs-Cookie kannst du dich von der Website abmelden oder mit einem Plugin wie User Switching zu einem anderen Benutzerprofil wechseln. Navigiere zu der Seite, auf der du Debugging-Informationen sehen möchtest und scrolle zum Ende der Seite. Dort siehst du eine komprimierte Version des Query Monitor-Berichts. Klicke auf ein beliebiges Element, um den Bericht zu erweitern.


Zusammenfassung

Wir überall im Leben – auch als WordPress Entwickler können dir die richtigen Werkzeuge die Arbeit sehr erleichtern. Das Debugging-Plugin Query Monitor ist ein kostenloses Tool für WordPress, mit dem du viel Zeit sparen und sogar die Performance deiner WordPress-Webseite verbessern kannst.


Weitere Tipps, wie du die Performance deiner Webseite steigern kannst, erhältst du in unserem Blog.


Neben umfassenden Tipps zur WordPress Performance Optimierung findest du dort unter anderem auch spannende Artikel zum Thema Barrierefreiheit bei WordPress Webseiten und Tricks, wie du die Geschwindigkeit bei WordPress erhöhen kannst.


Mit Query Monitor ergänzt du deine WordPress Seite um ein wertvolles Plugin. Egal ob langsame Abfragen, die dafür ursächlichen Funktionen oder das Erstellen einer Liste der WordPress-Hooks, die während der Erstellung der Seite gefunden werden. Mit Query Monitor hast du eine super Ergänzung für deine WordPress-Seite. Auch das Bestätigen, welche Tags auf die aktuelle Seite oder den Beitrag zutreffen oder die Identifikation der Beziehungen zwischen den JavaScript-Ressourcen und Details der Serverkonfiguration sind nur einige der vielen Möglichkeiten, die dir das Plugin für WordPress Query Monitor bietet.


Und wenn mal nichts mehr hilft, wünschen wir dir, dass du in deinem Hostingpartner einen kompetenten und hilfsbereiten Ansprechpartner hast!


Wie immer freuen wir uns über Anregungen in den Kommentaren! Für einen Überblick zu allen relevanten Themen rund um WordPress Webseiten kannst du auch einen Blick in unser ultimatives WordPress Tutorial von Hamed Farhadian werfen!  

Du willst mehr beliebte WordPress-Plugins sehen?

Natürlich willst du das, bitteschön. 🙂

Johannes
Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert