Überwachung von Struktur-Drift — erfahre, wenn ein Button verschwindet.
Relvato erfasst die Struktur deiner wichtigsten Seiten und meldet DOM-Drift — einen verschwundenen Warenkorb-Button, ein fehlendes Formularfeld, einen entfernten Abschnitt, umbenannte Klassen, die dein CSS still und leise brechen — ganz ohne Pixelvergleich. Es prüft automatisch erneut, wenn sich dein Code auf GitHub ändert oder ein Plugin-, Theme- oder Core-Update in WordPress ankommt.
- ✓Wichtige Abschnitte, Buttons, Formulare und Felder sind noch auf der Seite (DOM-Drift)
- ✓Elemente, die seit der freigegebenen Baseline hinzugekommen oder verschwunden sind, bis zum genauen Selektor
- ✓Umbenannte oder entfernte Klassen und IDs — die Markup-Seite einer CSS-Regression
- ✓Verschwundene Orientierungspunkte: Hauptnavigation, Suche, Warenkorb-Link, Warenkorb-Button, Preis, Footer
- ✓Starke Einbrüche bei Links, Buttons, Formularfeldern oder Formularen (z. B. 48 Links → 6)
- ✓Erneuter Lauf nach einem GitHub-Push oder einem Plugin-, Theme-, Core- oder WooCommerce-Update
Am teuersten sind fehlende Elemente und umbenanntes Markup: ein „Kaufen“-Button, den ein Update entfernt hat, ein verschwundenes Checkout-Feld, ein Theme-Update, das .btn-primary umbenennt, sodass dein eigenes CSS, Tracking-Tags und automatisierte Tests nicht mehr greifen. Visuelle Vergleiche reagieren oft auf Styling; Strukturdrift ist das ruhige Signal, dass sich die Bausteine der Seite geändert haben.
Struktur-Drift und visuelle Regression überschneiden sich, erkennen aber Verschiedenes. Unser Guide vergleicht beide — was jedes erkennt und wann ein Diff echt ist.
- Relvato lädt jede wichtige Seite in einem echten Browser und erfasst ihre Struktur: jeden Abschnitt, Button, Linkziel, jedes Formular und Feld mit ihren stabilen Klassen und IDs. Gehashte Klassennamen, Texte und Styling bleiben außen vor, damit Inhaltsänderungen und Farbanpassungen keinen Alarm auslösen.
- Jeder Lauf wird mit der von dir freigegebenen Struktur verglichen. Was hinzugekommen oder verschwunden ist, ein fehlender Orientierungspunkt (wie der Warenkorb-Button) oder ein starker Einbruch bei Links oder Feldern wird mit dem genauen Selektor und einer verständlichen Zusammenfassung gemeldet.
- Es läuft, wenn sich tatsächlich etwas ändert: Minuten nach einem Push in dein GitHub-Repository und wenn das Relvato-Plugin ein Plugin-, Theme-, Core- oder WooCommerce-Update meldet — dazu ein wöchentlicher Lauf. Übernimm eine gewollte Änderung als neue Baseline oder ignoriere einen Abschnitt, der sich ändern darf.
Worin unterscheidet sich das von visueller Regression?
Visuelle Regression vergleicht Pixel (wie die Seite aussieht); Strukturdrift vergleicht Elemente (was auf der Seite ist). Ein neu gestalteter Button löst visuelle Regression aus, ein verschwundener oder umbenannter Button Strukturdrift. Nutze beides — sie erkennen unterschiedliche Fehler.
Erkennt es CSS-Regressionen?
Es erkennt die Markup-Seite: Wenn ein Update die Klassen und IDs umbenennt oder entfernt, auf die dein Stylesheet, Tracking-Tags oder Tests angewiesen sind, siehst du genau, welche Selektoren weggefallen sind und was sie ersetzt hat. Wie die Seite am Ende aussieht, prüft ergänzend das Monitoring für visuelle Regression.
Wann prüft Relvato die Struktur erneut?
Automatisch nach den Änderungen, die Drift verursachen: ein Push in ein verbundenes GitHub-Repository sowie ein Plugin-, Theme-, WordPress-Core- oder WooCommerce-Update, das das Relvato-Plugin meldet. Zusätzlich läuft es wöchentlich, und du kannst es jederzeit starten.
Brauche ich ein Plugin?
Nein — Strukturdrift funktioniert auf jeder Website mit verifizierter Domain. Das Plugin ergänzt erneute Läufe direkt nach WordPress-Updates, die GitHub-App direkt nach einem Code-Push.
Schalte diesen Monitor auf Autopilot.
Für immer kostenlos auf einer Website — 100 Läufe im Monat, von dir gestartet oder wöchentlich, ohne Karte. Pro lässt deine Monitore nach jedem Update von selbst neu laufen.