7 WordPress Debugging-Tools für die Fehlersuche

Auch wenn WordPress eine kontrollierte Umgebung ist, in der Fehler viel seltener vorkommen als in einer typischen Softwareentwicklungsumgebung, gibt es immer ein Fenster oder eine Tür, durch die Probleme hereinkriechen können.

Generell kann man sagen, dass je mehr Flexibilität ein Tool Ihnen bietet, desto mehr potenzielle Fehler können auftreten.

Im speziellen Fall von WordPress gibt es viel Flexibilität und daher auch viele potenzielle Fehler. Sie haben eine offene Plugin-Architektur, mit der Sie dem CMS Funktionen hinzufügen können; Sie haben einen Webserver, einen Hosting-Anbieter, ein Datenbankmanagementsystem und ein Netzwerk. Alle diese Komponenten sind unabhängige Faktoren, die ihren Teil zu möglichen Problemen beitragen.

Zu den Problemen, die auftreten können, gehören eine langsame Leistung, falsche oder beschädigte Inhalte, Fehlermeldungen und, was am schlimmsten ist: der weißer Bildschirm des Todes (WSoD), was bedeutet, dass Ihre Website abgestürzt ist und sofortige Hilfe benötigt.

Selbst ein geringfügiges Leistungsproblem - z.B. eine Verzögerung von weniger als 2 Sekunden - sollten Sie beunruhigen, denn es könnte (und wird) Ihre SEO-Strategie und Ihre Positionierung in den Suchmaschinenergebnissen schaden. Und das führt dazu, dass Sie jeden Tag weniger Besucher haben, denn heutzutage ist eine schnelle Antwort alles, besonders für mobile Benutzer.

Deshalb ist es wichtig, über Tools zu verfügen, die Sie nutzen können, wenn Sie das Gefühl haben, dass Ihre Website nicht richtig funktioniert. Und selbst wenn sie funktioniert, gibt es immer Möglichkeiten, ihre Leistung oder ihre Benutzerfreundlichkeit zu verbessern.

Sehen wir uns einige Optionen an.

WP_DEBUG

WordPress verfügt über eine eingebaute Debugging-Hilfe, die häufig übersehen wird. Es handelt sich um ein "Flag" namens WP_DEBUG, das den Debug-Modus in WordPress auslöst, sobald es aktiviert wird. Wenn Sie WP_DEBUG aktivieren, wird ein Protokoll erstellt, das alle Aktivitäten auf Ihrer Website aufzeichnet. Wenn Sie dieses Protokoll lesen, können Sie herausfinden, was auf Ihrer WordPress-Website nicht richtig funktioniert.

Um WP_DEBUG zu aktivieren, müssen Sie Ihre wp-config.php-Datei bearbeiten und die erforderlichen Zeilen hinzufügen, um Ihre Website anzuweisen, alle Aktivitäten im Protokoll aufzuzeichnen. Diese Programmierarbeit ist nicht jedermanns Sache: Sie müssen bei der Bearbeitung der Datei wp-config.php sehr vorsichtig sein, denn wenn Sie eine Zeile oder auch nur ein Zeichen falsch setzen, kann Ihre Website nicht mehr funktionieren. Erstellen Sie außerdem ein Backup Ihrer Website/Dateien, bevor Sie etwas tun. Wenn Sie etwas vermasseln, können Sie das Backup wiederherstellen und alles wieder auf den ursprünglichen Stand bringen.

Um die Datei wp-config.php zu bearbeiten, verwenden Sie den Dateimanager Ihres Hosting-Providers oder laden Sie die Datei mit einem FTP-Client herunter und öffnen Sie lokal mit Ihrem bevorzugten Texteditor. Die Datei befindet sich im Hauptverzeichnis Ihrer WordPress-Installation. Nachdem Sie sie geöffnet haben, suchen Sie die Zeile, in der WP_DEBUG definiert ist. Sie sollte wie folgt aussehen:

define( 'WP_DEBUG', false );

Wenn es diese Zeile nicht gibt, suchen Sie nach dem folgenden Kommentar:

/* Das ist alles, hören Sie auf zu editieren! Viel Spaß beim Bloggen. */

und fügen Sie die folgenden Zeilen über diesen Kommentar ein. Diese Befehle weisen Ihre Website an, alle Fehler zu protokollieren, ohne sie anzuzeigen, was für öffentlich zugängliche Websites nützlich ist:

define('WP_DEBUG', true); 
define('WP_DEBUG_LOG', true); 
define('WP_DEBUG_DISPLAY', false); 
@ini_set('display_errors',0);

Speichern Sie die geänderte Datei und laden Sie sie, falls Sie FTP verwenden, auf Ihre Website hoch. Versuchen Sie dann, den Fehler zu provozieren (oder warten Sie, bis er auftritt) und prüfen Sie die Datei debug.log. Sie finden sie im Ordner wp-content Ihrer WordPress-Installation. Sie können sie mit einem Texteditor öffnen und nach den Fehlermeldungen suchen, die Aufschluss darüber geben, was die Probleme auf Ihrer Website verursacht.

Danach sollten Sie die Protokollierung deaktivieren, indem Sie in allen Zeilen, die Sie in der Datei wp-config.php hinzugefügt oder geändert haben, die Werte "true" in "false" ändern.

WPDB-Fehlerberichterstattung

Wenn Sie wissen oder vermuten, dass die Datenbank Ihrer Website Probleme verursacht, können Sie die WPDB-Fehlerberichterstattung aktivieren. Auch hierfür ist etwas Kodierung erforderlich. Sobald Sie die Fehlerberichterstattung aktiviert haben, können Sie Ihre Website anweisen, Datenbankfehler auf dem Bildschirm anzuzeigen.

Sie sollten dies nicht auf einer aktiven Website tun, es sei denn, es ist Ihnen egal, ob Ihre Besucher Fehlermeldungen auf ihrem Bildschirm sehen. Es ist besser, eine Inszenierung - Website (wie unten beschrieben) zu verwenden, auf der Sie alles testen können, was Sie wollen, ohne dass jeder sehen kann, was unter der Haube passiert.

Das Lesen dieser Fehlerberichte oder Protokolle erfordert ein gewisses Maß an technischem Wissen, so wie es beispielsweise medizinische Kenntnisse erfordert, um ein Röntgenbild zu lesen. Sie müssen etwas Programmier-, Netzwerk- oder Datenbankjargon entziffern, aber wahrscheinlich finden Sie das Grundproblem, das Ihre Website beeinträchtigt, und können dann Hilfe von jemandem erhalten, der dieses spezielle Problem lösen kann.

Um mit der Erstellung von Datenbank-Fehlerberichten zu beginnen, fügen Sie die folgende Zeile in Ihre wp-config.php-Datei ein (auf die gleiche Weise, wie zuvor für die Erstellung des Debugging-Protokolls beschrieben):

define( 'SAVEQUERIES', true);

Wenn Sie diesen Wert auf true setzen, beginnt die Datenbank, alle Abfragen Ihrer Website zu speichern. Dann können Sie die Anzahl der Abfragen, die von jeder Seitenanfrage verursacht werden, und die dabei verwendeten Befehle einsehen. Eine Möglichkeit, die Abfragen auf dem Bildschirm anzuzeigen, ist das Einfügen dieser Zeilen in Ihre Theme-PHP-Datei innerhalb Ihres Ausführungsflusses:

global $wpdb; 
print_r( $wpdb->queries );

Sobald Sie mit dem Debugging fertig sind, sollten Sie diese Zeilen wieder entfernen, um den normalen Betrieb Ihrer Website wiederherzustellen.

Verwendung einer Staging-Website

Eine Staging-Website ist ein Klon Ihrer eigentlichen Website, auf der Sie Änderungen oder neue Funktionen testen können, bevor Sie damit live gehen. Es ist auch eine gute Idee, eine Staging-Website zu verwenden, um Probleme zu beheben oder ihr Verhalten zu überwachen, denn sie gibt Ihnen die Freiheit, alles auszuprobieren, was Sie wollen, ohne die eigentlichen Benutzer Ihrer Website zu stören.

Es ist wichtig, dass eine Staging-Website genau den Inhalt und die Struktur Ihrer eigentlichen Website widerspiegelt. Jedes Mal, wenn Sie Ihre WordPress-Website mit neuen Inhalten oder neuen Addons (vor allem Plugins und Themes) aktualisieren, sollten Sie Ihre Staging-Website mit einer Kopie der eigentlichen Website aktualisieren. Auf diese Weise können Sie, falls auf Ihrer Live-Website ein Problem auftritt, dieses in Ihrer Staging-Umgebung reproduzieren.

Viele Verwalteter WordPress-Hosting-Anbieter bieten eine Staging-Site als Zusatzleistung zu ihren kostenpflichtigen Tarifen an. Dies ist die benutzerfreundlichste Art, eine Staging-Umgebung zu haben, in der Sie ohne Risiko spielen und Dinge ausprobieren können. Wenn Ihr Hosting-Provider Ihnen diese Möglichkeit jedoch nicht bietet, können Sie eine Staging-Site mit dem WP Staging-Plugin erstellen. Mit diesem Plugin können Sie Ihre Website ganz einfach klonen und den Klon dann so verwenden, als ob es sich um die echte Website handeln würde. Sie werden immer wissen, wann Sie sich in der Staging-Umgebung befinden, denn eine orangefarbene Leiste am oberen Bildschirmrand zeigt Ihnen dies an.

[einbetten]https://youtu.be/Ye3fC6cdB3A[/embed]

Wenn Sie sich gerne die Hände schmutzig machen, können Sie eine Staging-Site auch manuell auf einer Subdomain erstellen, vorausgesetzt, Ihr Hosting-Provider erlaubt Ihnen das Hinzufügen einer Subdomain zu Ihrem Konto. Die Erstellung der Staging-Site auf diese Weise kann etwas knifflig sein. Wenn Sie WordPress-Anfänger sind, sollten Sie daher vielleicht eine andere Option verwenden.

Abfrage-Monitor

Der Name könnte irreführend sein, denn Abfrage-Monitor kann viel mehr als nur Abfragen überwachen. Es ist ein komplettes Entwickler-Panel für WordPress, das das Debuggen von Skripten, Stylesheets, API-Aufrufen, Datenbankabfragen, PHP-Fehlern und mehr ermöglicht. Mit einigen fortgeschrittenen Funktionen können Sie Ajax-Aufrufe debuggen und Benutzerfähigkeiten überprüfen.

Sobald Sie es installiert und aktiviert haben, zeigt Query Monitor Informationen über das Verhalten Ihrer Website auf sehr nützliche Weise an.

So zeigt es beispielsweise die aggregierten Datenbankabfragen gruppiert nach den Funktionen, Plugins oder Themen, die sie ausgelöst haben. Ein Menü in der Admin-Symbolleiste zeigt Live-Statistiken der aktuellen Seite an, mit allen Debug-Informationen, die Sie benötigen, um das Problem, das Sie lösen müssen, zu beurteilen.

Mit Query Monitor können Sie Ihre Suche nach Fehlern schrittweise nach Plugins oder Themes eingrenzen, bis Sie denjenigen gefunden haben, der die Leistung Ihrer Website beeinträchtigt oder eine Fehlfunktion verursacht. Genau wie WordPress ist auch Query Monitor kostenlos und quelloffen.

Firefox Entwickler-Tools

Firefox-Entwickler-Tools, früher bekannt als Firebug, ist eine spezielle Version von Firefox, die auf Entwickler zugeschnitten ist und die neuesten Entwicklungsfunktionen und -tools bietet. Es ist nicht speziell für WordPress, aber es erweist sich als sehr nützlich für das Debugging von Websites.

Es ist unvermeidlich, die Firefox Developer Tools mit den bekanntenen Chrome DevTools zu vergleichen. Dabei sticht das solide Layout von Firefox hervor. Sie können beispielsweise mit der rechten Maustaste auf ein beliebiges Element klicken, um die Registerkarte Inspektor aufzurufen, und die Webkonsole bietet beim Drucken von Objekten eine umfangreiche Ausgabe, die viel mehr Informationen als nur den Namen des Objekts anzeigt. Sie bietet zusätzliche Informationen für bestimmte Typen, die eine detaillierte Untersuchung der Eigenschaften des Objekts ermöglichen und umfassendere Informationen für DOM-Elemente bereitstellen.

[einbetten]https://youtu.be/WBmttwfA_k8[/embed]

Mit dem Inspektor-Tool können Sie HTML- und CSS-Seiten untersuchen und ändern, und zwar mit Seiten, die lokal in Firefox oder auf einem entfernten Gerät wie Firefox für Android geladen sind.

Die Web-Konsole zeigt alle Informationen an, die Sie über eine Webseite benötigen könnten: JavaScript, Netzwerkanfragen, CSS, Warnungen, Fehlermeldungen und Informationsmeldungen, die explizit vom JavaScript-Code protokolliert werden. Sie ermöglicht es Ihnen auch, mit einer Webseite zu interagieren, indem Sie JavaScript-Ausdrücke direkt im Seitenkontext ausführen.

New Relic

Als einer der größten Akteure in der APM-Branche (Überwachung der Anwendungsleistung) ist New Relic ein kommerzielles Produkt, das Tausende von Entwicklern weltweit täglich nutzen, um Einblicke in die Leistung ihrer Softwareprodukte zu erhalten. Es verfügt über eine Plugin-Architektur, die zusätzliche Funktionen von Drittanbietern ermöglicht, was zu einem praktisch unendlichen Spektrum an Technologien führt, die von diesem Tool überwacht werden können.

Mit einer Preisspanne von $ 9,37 bis $ 200 pro Host und Monat ist es für professionelle Debugging-Aufgaben gedacht. Außerdem ist es mit einer längeren Lernkurve verbunden, so dass Sie nicht nur Geld für die Lösung ausgeben, sondern auch Zeit investieren müssen, um den Umgang mit ihr zu erlernen. Benutzer von New Relic schätzen die Tatsache, dass es sich leicht in Anwendungen für APM und Infrastrukturüberwachung integrieren lässt.

BeiKinsta können Sie New Relic ganz einfach über das MyKinsta-Dashboard integrieren.

Debug-Leiste

Debug-Leiste ist eine Reihe von Plugins, die über ein Debug-Menü in der WordPress-Administrationsleiste zugänglich sind und eine Vielzahl von Debugging-Informationen anzeigen. Zu den Optionen gehören die Konsole, Shortcodes, Konstanten, Beitragstypen, Cron, Aktionen & Filter, Transienten, Remote-Anfragen und die Liste der Skripte & Stilabhängigkeiten. Es ist ein Open-Source-Plugin und kann daher kostenlos verwendet werden.

Das Haupt-Plugin, Debug Bar, bietet die Basisfunktionalität, die durch die übrigen Plugins erweitert wird. Es arbeitet mit den integrierten Debugging-Flags von WordPress, wie WP_DEBUG und SAVEQUERIES. Wenn diese Flags aktiviert sind, fügt die Debug Bar nützliche Debugging-Informationen hinzu, wie z.B. PHP-Warnungen und MySQL-Abfragen, so dass Sie sich die Mühe ersparen, die Log-Dateien zu suchen und zu lesen.

Jede Option im Menü der Debug-Leiste bietet einen eigenen Teil der Debugging-Möglichkeiten. Die Konsole zum Beispiel bietet eine Konsole, in der Sie beliebigen PHP-Code ausführen können, was sich hervorragend zum Testen des Inhalts von Variablen eignet (neben anderen Anwendungen). Cron zeigt Informationen zu den geplanten Ereignissen von WordPress an, z. B. die Zeit des nächsten Ereignisses, die Anzahl der geplanten Ereignisse, die Liste der benutzerdefinierten geplanten Ereignisse usw. Aktionen und Filter sind eine weitere Option zur Anzeige von Hooks, die mit der aktuellen Anfrage verbunden sind. Auf der Registerkarte Aktionen werden die Aktionen angezeigt, die mit der aktuellen Anfrage verknüpft sind, während auf der Registerkarte Filter alle Filter-Tags zusammen mit den Funktionen angezeigt werden, die den einzelnen Tags zugeordnet sind.

Fehlersuche für alle

Debugging-Tools sind in erster Linie für professionelle Softwareentwickler gedacht. Aber auch wenn Sie kein Entwickler sind, sondern nur einen WordPress-Blog betreiben, ist es nützlich, zumindest Grundkenntnisse über die Überwachung und Fehlersuche auf Ihrer Website zu haben. Auf diese Weise können Sie einem Entwickler einige Informationen geben, die ihm helfen, die Ursache eines Problems zu finden, so wie Sie, wenn Sie sich schlecht fühlen, Ihrem Arzt Arbeit ersparen können, indem Sie selbst Ihre Temperatur messen, bevor Sie ins Krankenhaus gehen.

Lernen Sie einige Möglichkeiten kennen, als WordPress-Profi Geld zu verdienen.