Testing-WordPress-und-WooCommerce-Plugins-in-Staging
,

Testen von WordPress- und WooCommerce-Plugins in Staging

Inhalt

Erfahren Sie mehr über das Testen von WordPress- und WooCommerce-Plugins im Staging-Modus. Die durchschnittliche eCommerce-Website erwirtschaftet bis zum Ende des ersten Jahres rund 330.000 US-Dollar pro Monat, aber ein Fehler bei einem Update oder einer Plugin-Installation kann Sie Ihr Stück vom eCommerce-Kuchen kosten. Zum Glück können Sie das vermeiden, wenn Sie Ihre WordPress- und WooCommerce-Plugins im Staging testen.

Dieser Artikel erklärt den Prozess der Erstellung einer Staging-Website zum Testen Ihrer WordPress- und WooCommerce-Plugins, damit Sie kostspielige Fehler vermeiden können. Es wird behandelt:

  • Was ist Inszenierung?
  • Warum Sie WordPress und WooCommerce Plugins im Staging testen sollten
  • Wie man WordPress und WooCommerce Plugins richtig testet
  • Die Tools, die Sie zum Testen Ihrer WordPress- und WooCommerce-Plugins benötigen
  • Checkliste zum Testen von WordPress und WooCommerce Plugins und Updates
  • Die Rolle von automatisierten Skripten bei der Aktualisierung und Installation von WordPress- und WooCommerce-Plugins

Testen von WordPress- und WooCommerce-Plugins in Staging

Was ist Staging?

In WordPress bezieht sich Staging auf einen Offline-Klon, den Sie zum Testen Ihrer WordPress-Website erstellen. Es ist ein hervorragendes Tool zum Testen Ihrer Website und Plugins, ohne dass die Besucher Ihrer Website etwas davon mitbekommen.

Der Offline-Klon dient als Testseite und als Backup-Seite. Der Zeitpunkt der Sicherung und des Klonens hängt von der Größe einer Website ab, aber Plugins bieten eine einfache Lösung. In nur wenigen Sekunden können Sie einen Klon Ihrer Website erstellen, sodass Sie mühelos Aktualisierungen durchführen und WooCommerce-Plugins installieren können.

Website-Prüfung durch Inszenierung

Warum sollte ich WordPress- und WooCommerce-Plugins im Staging testen?

Staging ist wichtig, wenn Sie Ihre Website aktualisieren, weil es verhindern kann, dass Ihre Website aus:

  • Breaking
  • Nicht mehr verfügbar
  • Funktioniert auf einigen Geräten und auf anderen nicht (z. B. auf Apple-Geräten, aber nicht auf Android-Geräten oder auf Laptops, aber nicht auf Tablets).
  • Verlust der Zugänglichkeit von wichtigen Seiten (wie der Kassenseite, Produktbewertungen oder Kontaktformularen)
  • Verlust der Zugänglichkeit des mobilen Menüs
  • Verlust der Fußzeile der Website
  • Anzeige des erschreckenden "White Screen of Death" (WSOD) - ein Phänomen, bei dem Ihre Website nur einen leeren weißen Bildschirm anzeigt.

Es gibt viele Möglichkeiten, wie die Aktualisierung Ihrer Website schief gehen kann, und wenn Sie ein hohes Besucheraufkommen haben und nicht wissen, dass die Website nicht richtig funktioniert, könnten Sie eine Menge Umsatz verlieren! Die Einführung von Aktualisierungen ist eine Aufgabe, die Sie in den Wahnsinn treiben kann, wenn Sie sie nicht mit einem Plan im Kopf angehen.

Um den ganzen Ärger zu vermeiden, sollten Sie Ihre Updates und Plugins testen, bevor Sie sie veröffentlichen. Das Testen bringt viele Vorteile mit sich, darunter:

  • Eine reibungslos funktionierende Website
  • Eine schnelle und sichere Website
  • Das Vertrauen Ihrer Website-Besucher.

Inszenierung - wie geht das?

Wie man WordPress und WooCommerce Plugins richtig testet

Die Entwicklung einer Website ist ein langfristiges Spiel. Im Laufe der Lebensdauer Ihrer Website werden Sie wahrscheinlich mehrere neue Updates und Plugins einführen, was eintönig werden kann. Manche würden sogar sagen, dass es lästig ist, aber Sie können die lästige Monotonie vermeiden, indem Sie die richtigen Tools und eine Checkliste mit allen Schritten verwenden, die Sie vor und nach einer Aktualisierung durchführen sollten.

*Bitte denken Sie daran, Ihre WordPress-Website nicht an einem Freitag zu aktualisieren. So vermeiden Sie jede Menge potenzielles Chaos und Probleme für das Wochenende.

Die Tools, die Sie zum Testen Ihrer WordPress- und WooCommerce-Plugins benötigen:

  • Ganzseiten-Screenshot-Tools: Verwenden Sie ein Tool für Ganzseiten-Screenshots vor und nach der Installation des Plugins oder Updates.
  • Staging-Website: Dies ist Ihre geklonte Website.
  • Automatisierte Skript-Tests: Automatisierte Skripttest-Tools testen automatisch mehrere Skripte auf Ihrer Website, nachdem Ihr Update oder Plugin installiert wurde, um sicherzustellen, dass alles so funktioniert, wie es soll.
  • Screenshot-Vergleichstools: Mit Screenshot-Vergleichstools können Sie die von Ihnen erstellten Screenshots vorher und nachher vergleichen, um Unstimmigkeiten zu erkennen.

3 Screenshot-Tools zur Vereinfachung Ihrer Arbeit

Broswerstack-Logobild

 Browserstack Screenshot Tool

Mit dem Screenshot-Tool von Browserstack können Sie ganz einfach mit einem Mausklick Screenshots erstellen. Alles, was Sie tun müssen, ist, die Gerätetypen und Browser (bis zu 25) auszuwählen, auf denen Sie Ihre URLs überprüfen möchten, um das Tool zu nutzen. Den Rest erledigt das Tool.

Testingbot-Screenshot-Logobild

TestingBot Screenshot-Tool

Mit dem Screenshot-Tool von TestingBot können Sie aus über 3.200 Kombinationen von Browsern und Geräten wählen, die Sie testen möchten. Das Tool bietet einen Screenshot-Vergleich, Beta- und Dev-Builds sowie ein natives Debugging-Tool.

crossbroswertesting-logo-image

CrossBrowserTesting Screenshot-Tool

Mit dem Screenshot-Tool von CrossBrowserTesting können Sie Screenshots über die Web-App oder die API erstellen. Wenn Sie die API verwenden, können Sie mehrere Screenshots gleichzeitig über Ihre URLs erstellen.

Checkliste zum Testen von WordPress und WooCommerce Plugins und Updates

Vor der Installation/Aktualisierung

1. Listen Sie alle Ihre Premium-Plugins und Themes auf, die nicht automatisch aktualisiert werden.

2. Besuchen Sie die Website, auf der Sie Ihre Plugins und Themes gekauft haben, und suchen Sie nach der aktuellsten Version des Elements.

3. Listen Sie die URLs auf, die Sie nach der Aktualisierung testen werden. Dazu gehören Ihre benutzerdefinierten Post-Type-Vorlagen, WordPress-Vorlagen und die Hauptseiten Ihrer Website (z. B. Ihre Kontaktseite, Homepage, Produktseiten, Kategorieseiten und die Kassenseite).

4. Listen Sie Szenarien für Tests auf. Ein Benutzer könnte sich zum Beispiel anmelden, die Produktseite und dann die Kassenseite aufrufen. Sie sollten alle für Ihre Website relevanten Szenarien testen.

5. Erstellen Sie eine Liste von Testskripten zum Testen der Szenarien.

Auf Ihrer Staging-Site

1. Duplizieren Sie Ihre gesamte Website in eine Staging-Umgebung und stellen Sie sicher, dass MySQL und PHP auf beiden Websites identisch sind. Abhängig von Ihrem Hosting-Anbieter können Sie die Staging-Umgebung mit einem Klick erstellen. Einige Hosting-Anbieter, die die Staging-Erstellung mit einem Klick anbieten, sind WPEngine, SiteGround und GetFlyWheel.

2. Stellen Sie sicher, dass die Staging-Site mit der ursprünglichen Website übereinstimmt. Sie können dies mit einem Blick auf die Website tun.

3. Machen Sie mit dem Screenshot-Tool für ganze Seiten Screenshots von allen Ihren URLs. Stellen Sie sicher, dass Sie Screenshots von allen Systemen wie Chrome, Firefox, Safari, Edge, Android und iPhone machen. Es gibt einige Tools, die diesen Prozess vereinfachen.

4. Aktualisieren Sie die folgenden Angaben:

      • Theme- und Plugin-Dateien
      • WordPress-Kerndateien
      • Alle Elemente, die nicht automatisch aktualisiert werden.

5. Machen Sie Screenshots von der aktualisierten Staging-Website. Machen Sie auch hier Screenshots von allen URLs und Systemen.

6. Verwenden Sie Ihr Screenshot-Vergleichstool, um die Vorher-Screenshots aus Schritt 3 und die Nachher-Screenshots aus Schritt 5 zu vergleichen.

7. Führen Sie die zuvor aufgeführten Testskripte aus. Vergewissern Sie sich, dass Ihre Formulare, die Kasse und andere wichtige Teile Ihrer Website reibungslos funktionieren.

Auf Ihrer Live-Site

1. Führen Sie ein Backup der Live-Site durch.

2. Erstellen Sie Screenshots von allen URLs.

3. Aktualisieren Sie die Live-Site.

4. Überprüfen Sie, ob im Backend alles aktualisiert ist. Klicken Sie auf Aktualisieren, um zu sehen, ob die Aktualisierung für irgendetwas auf der Website fehlgeschlagen ist.

5. Löschen Sie den Cache Ihrer Live-Site.

6. Erstellen Sie Ihre Bildschirmfotos.

7. Vergleichen Sie Ihre Bildschirmfotos aus Schritt zwei mit denen aus Schritt sechs.

8. Führen Sie die Testskripte aus, die Sie zuvor aufgelistet haben.

9. Überprüfen Sie Ihre Website mit einem schnellen visuellen Check.

10. Klopfen Sie sich selbst auf die Schulter!

Automatisierte-Skripte-inszenieren

Die Rolle von automatisierten Skripten bei der Aktualisierung und Installation von WordPress- und WooCommerce-Plugins

Automatisierte Skripte machen das Testen Ihrer WordPress-Website einfach, aber es gibt auch andere Möglichkeiten. Die erste ist die manuelle Prüfung. Die andere ist, einen Entwickler zu beauftragen.

Die Erstellung eines Testskripts kann zeitaufwändig sein, aber es ist ziemlich einfach, das einmal erstellte Skript wiederzuverwenden. Hier sind die Vorteile von Testskripten gegenüber manuellen Tests:

  • Prüfskripte schließen menschliche Fehler aus.
  • Sie sparen in zweierlei Hinsicht Zeit:
    1. Wenn Sie lange Skripte ausführen, können Sie die Überprüfung dem Skript überlassen und sich darauf konzentrieren, was die Skripte nicht tun können.
    2. Sie können bis zu 2 Geräte und 4 Browser auf einmal testen.

Die wichtigste Erkenntnis ist, dass das Testen Ihrer WordPress- und WooCommerce-Plugins im Staging-Modus Sie vor einer Katastrophe bewahren kann. Der Prozess ist relativ einfach, und mit dieser Checkliste haben Sie alles, was Sie für ein erfolgreiches Update brauchen.

Ob es sich um die Bereitstellung der notwendigen Schritte für die Masseninstallation Ihrer Plugins oder die Durchführung von WordPress- oder WooCommerce-Wartung handelt, wir engagieren uns dafür, dass Sie im eCommerce erfolgreich sind. Wenn Sie möchten, dass wir Ihr WordPress verwalten, damit Sie sich auf die Kernaspekte Ihres Unternehmens konzentrieren können, kontaktieren Sie uns noch heute, und wir helfen Ihnen gerne!

Gefällt Ihnen dieser Artikel?
Teilen Sie es in den sozialen Medien!

Sehen Sie sich einen anderen Blogbeitrag an!

Zurück zu allen Blogbeiträgen
Abonnieren Sie unseren Newsletter
Unterstützung
Copyright © 2024 Alle Rechte vorbehalten, Bright Plugins
pfeil-linksPfeil-nach-rechts linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram