Was schiefgeht, wenn man auf eine Staging-Umgebung verzichtet: drei wahre Geschichten

Eine WordPress-Website im Livebetrieb zu bearbeiten, um Zeit zu sparen, kann einen Tag, eine Woche oder einen Kunden kosten. Drei reale Situationen, in denen eine Staging-Umgebung den Schaden verhindert hätte.

Developer debugging code representing WordPress staging environment workflow

Staging-Umgebungen gehören zu den professionellen Gewohnheiten, die wie zusätzlicher Aufwand wirken – bis sie einen retten. „Es ist nur eine kleine Änderung“, denkt man. „Ich bearbeite die Live-Website, aktualisiere, und fertig.“ Meistens klappt das. In den wenigen Fällen, in denen es nicht klappt, schlägt sich der Preis in Stunden der Wiederherstellung, verlorenen Kunden oder einem ganzen Samstag nieder, an dem man repariert, was eine Dienstagsänderung hätte sein sollen.

Drei reale Situationen aus den letzten zwei Jahren bei Defyn, anonymisiert, aber leicht fiktionalisiert. In jedem Fall kostete eine fünfminütige Änderung an der Live-Website zwischen einem halben Tag und einer ganzen Woche. In jedem Fall hätte eine Staging-Umgebung das Problem erkannt, bevor es einen Kunden erreichte.

Geschichte 1: Das Plugin-Update, das den Checkout auffraß

Auf einer E-Commerce-Website mit WooCommerce wurde an einem Samstagnachmittag ein routinemäßiges Plugin-Update direkt in der Produktion eingespielt. Ein Zahlungs-Gateway-Plugin erhielt einen kleinen Versionssprung. Der Website-Betreiber klickte auf Aktualisieren, das Dashboard wurde grün, und er ging zum Abendessen aus.

Was er nicht wusste: Die neue Version hatte eine kleine Änderung daran eingeführt, wie das Format der Kreditkartenfelder bereinigt wurde. Auf der PHP-Version der Agentur lief die Website einwandfrei. Auf der älteren PHP-Version des Hosters warf das Gateway bei jeder Transaktion einen stillen Fehler. Die Checkouts begannen sofort zu scheitern.

Als der Betreiber am Sonntagmorgen nachsah, waren 31 Kunden auf den defekten Checkout gestoßen und hatten aufgegeben. Das Plugin wurde innerhalb einer Stunde zurückgesetzt, doch diese 31 Kunden kamen nie zurück. Eine Staging-Umgebung mit einer einzigen Testtransaktion hätte es erkannt, bevor eine einzige echte Bestellung verloren ging.

Geschichte 2: Die CSS-Anpassung, die das Mobilgerät zerschoss

Eine B2B-Dienstleistungswebsite brauchte eine kleine optische Änderung. Ein Button auf der Startseite sollte etwas größer und in einem anderen Rotton sein. Die Marketingverantwortliche öffnete den Customizer, nahm die Änderung vor, speicherte und hielt es für erledigt.

Die Änderung zerstörte das mobile Layout. Der Button ragte nun auf Bildschirmen unter 400 Pixel Breite über den Container hinaus, schob den Rest der Seite zur Seite und ließ das Navigationsmenü unschön umbrechen. Die Marketingverantwortliche öffnete die Website nie auf einem Handy und bemerkte es daher nicht.

Die Agentur entdeckte es drei Wochen später bei einer Quartalsüberprüfung. Bis dahin hatten drei Wochen mobiler Traffic (das waren 60 Prozent des Website-Publikums) eine kaputte Startseite gesehen. Die Absprungrate auf Mobilgeräten war in diesem Zeitraum still und leise um 18 Prozent gestiegen.

Geschichte 3: Das Theme-Update, das die Startseite verlor

Für das WordPress-Theme eines Kunden stand eine Hauptversion bereit. Die Versionshinweise versprachen Leistungsverbesserungen und einige neue Funktionen. Der Kunde spielte das Update an einem Freitagnachmittag ein. Die Website baute sich neu auf – und das gesamte Layout der Startseite war weg. Ersetzt durch eine Standardvorlage, die mit der neuen Theme-Version ausgeliefert wurde.

Die Hauptversion hatte geändert, wie das Theme die Layoutdaten speicherte, und das Migrationsskript lief auf der Live-Datenbank fehlerhaft. Die Wiederherstellung erforderte, die vorherige Theme-Version einzuspielen, das Startseiten-Layout manuell aus einem Backup zu reimportieren und drei Wochen an schrittweisen Bearbeitungen erneut anzuwenden. Gesamte Wiederherstellungszeit: 11 Stunden über ein langes Wochenende.

Auf einer Staging-Kopie wäre der Schaden in 30 Sekunden sichtbar gewesen. Die Agentur hätte diese Theme-Version als riskant eingestuft und einen anderen Update-Weg empfohlen. Null kundenseitige Ausfallzeit, null verlorenes Wochenende.

Was eine Staging-Umgebung wirklich ist

Eine Staging-Umgebung ist eine private Kopie der Live-Website, unter einer anderen URL gehostet, die die Produktion so genau wie möglich abbildet. Die Theme-Version stimmt überein, die Plugin-Versionen stimmen überein, die Inhalte sind aktuell und die Datenbank ist einigermaßen auf dem neuesten Stand. Das Team nimmt dort Änderungen vor, testet sie und spielt sie erst in die Produktion ein, wenn ihre Funktion bestätigt ist.

Moderne Managed-WordPress-Hoster (Pantheon, WP Engine, Kinsta, SiteHost) bieten alle Ein-Klick-Staging. Die meisten guten Hoster haben es in ihren Tarifen inbegriffen. Es zum ersten Mal auf einem Managed-Hosting einzurichten, ist eine Sache von 10 Minuten, danach steht es unbegrenzt als günstige Versicherung bereit.

Die Sache mit der Disziplin

Die technische Einrichtung ist einfach. Der schwierigere Teil ist die Gewohnheit. „Es ist nur eine kleine Änderung“ muss aus dem Wortschatz des Teams verschwinden. Jedes Plugin-Update, jedes Theme-Update und jede strukturelle CSS-Änderung durchläuft zuerst das Staging. Punkt.

Inhaltsänderungen (Textänderungen, das Austauschen eines Beitragsbilds, das Veröffentlichen eines neuen Blogbeitrags) können in der Regel ohne Risiko am Staging vorbei. Strukturelle und Infrastrukturänderungen nicht.

Wenn Ihre Website keine Staging-Umgebung hat oder eine, die niemand wirklich nutzt, kann das WordPress-Entwicklungsteam von Defyn sie einrichten und einen sinnvollen Workflow etablieren. Sobald ein Team drei Monate lang einen funktionierenden Staging-Prozess hat, will niemand mehr die Live-Website direkt bearbeiten.

Avatar von Claire Smith
Sponsored Loved this story? Defyn turns articles like this into the websites your competitors wish they had. Talk to us → defyn.com.au