Website-Monitoring

Screenshot-basiertes Website-Monitoring erfasst eine Website in festen Abständen und vergleicht die Bilder, um sichtbare Änderungen im Zeitverlauf zu erkennen.

Related workflow terms: Web-Crawler, Web Scraping.

Screenshot- und Verfügbarkeits-Monitoring

Verfügbarkeitsprüfungen fragen, ob ein Server antwortet. Ein erfolgreicher HTTP-Status 200 sagt jedoch nichts über die Darstellung aus. Eine Seite kann erreichbar sein und trotzdem ein defektes Layout, fehlende Bilder, falsche Inhalte oder eine Fehlermeldung im Seitenkörper zeigen.

Screenshot-Monitoring betrachtet das tatsächlich gerenderte Ergebnis. Der Zeitvergleich erkennt Layoutverschiebungen, Textänderungen, Style-Regressionen und beschädigte visuelle Elemente.

Beide Verfahren ergänzen sich: Uptime erkennt Serverausfälle, Screenshots sichtbare Probleme während normaler Erreichbarkeit.

Typische Einsatzbereiche

• Wettbewerberbeobachtung: Preis-, Feature- und Landingpages regelmäßig sichern.
• Marke und Compliance: Öffentliche Inhalte, Hinweise und Branding auf Korrektheit prüfen.
• QA und Staging: Nach Deployments sichtbare Ergebnisse vor dem Produktionsstart vergleichen.
• SEO-Monitoring: Änderungen an Struktur, Überschriften und Inhalt erkennen.
• Rechtliche Seiten: AGB und Datenschutztexte auf unbeabsichtigte Änderungen verfolgen.

So funktioniert es

Ein Ablauf besteht aus Aufnahme, Vergleich und Benachrichtigung.

Ein Headless-Browser ruft die URL nach Zeitplan auf und speichert ein Bild. Viewport, DPR und Wartebedingungen müssen konstant sein, damit Abweichungen aus der Seite statt aus der Aufnahme stammen.

Das neue Bild wird per Pixel-, Wahrnehmungs- oder Strukturdiff mit einer Baseline verglichen. Dynamische Anzeigen, Zeitstempel und Zähler können maskiert werden.

Überschreitet die Abweichung einen Grenzwert, folgt eine Nachricht per E-Mail, Slack, Webhook oder anderem Kanal, meist mit Vorher-, Nachher- und markiertem Diff-Bild.

Für einen Shotomatic-ähnlichen Ablauf reicht meist eine feste Aufnahmevorlage mit wenigen gezielt maskierten Bereichen. So melden Alerts echte Änderungen statt rotierender Inhalte.

Häufige Fehler

• Dynamische Bereiche nicht maskieren. Dann überdecken Fehlalarme relevante Änderungen.
• Einstellungen zwischen Läufen ändern. Standardisiere Viewport, DPR, Timing und Umgebung.
• Zu selten aufnehmen. Ein täglicher Lauf verpasst Änderungen, die innerhalb weniger Stunden zurückgenommen werden. Frequenz und Risiko müssen zusammenpassen.
• Authentifizierte Seiten vergessen. Ohne Anmeldung sieht das Tool nur den Login statt wichtiger Dashboards und Kontoseiten.