Screenshots, Automatisierung und visuelle Kontrolle mit Referenzen in einem Ablauf

Defekte Seiten sehen, bevor Kunden sie sehen

RenderLog führt wichtige Seiten aus, speichert das Ergebnis und vergleicht es mit einer freigegebenen Referenz. Nutze Übersicht, API, CI oder Zeitplan, um visuelle Fehler vor deinen Kunden zu sehen.

  • Übersicht, API und CI
  • ab 0,002 EUR pro erfolgreicher Ausführung
  • Artefakte, Referenzen und Benachrichtigungen

Website-Check für Preis-Releases

visuelle Änderung gefunden

Bestanden

11

Geändert

1

Fehler

0

11 Prüfungen sehen korrekt aus

Doku, Konto und mobiler Zahlungsablauf stimmen weiter mit den freigegebenen Referenzen überein.

Preisseite geändert

Der ExampleCo-Growth-Plan hat sich von $49 auf $59 geändert und braucht Prüfung.

Freigegebene ReferenzMobile
Freigegebene Desktop-Referenz der ExampleCo-Preisseite auf example.com
Letzte Ausführung+1 Unterschied
Letzter Screenshot der example.com-Preisseite mit markierter Preisänderung
CI-Ausführung beendet
API oder Übersicht
Slack-Benachrichtigung bereit

Das Problem ist nicht der Screenshot. Das Problem ist zu wissen, was sich geändert hat.

Screenshot-APIs sind gut für einzelne Dateien. RenderLog ergänzt gespeicherte Prüfungen, geplante Automatisierung, Referenzen und Prüfhistorie für Seiten, die stabil bleiben müssen.

Wiederkehrende Checks als Ablauf speichern

Speichere Seiten, Ansichtsgrößen, Cookies, Wartezeiten und Schritte einmal. Starte sie erneut aus der Übersicht, API, CI oder nach Zeitplan.

Visuelle Fehler an der Referenz erkennen

Wähle eine freigegebene Ausführung als Referenz. RenderLog vergleicht spätere Ausführungen damit, damit visuelle Abweichungen sichtbar werden.

Das Ergebnis prüfen, nicht eine lose Datei

Screenshots, PDFs, Dateien, Ausführungsprotokolle, Markierungen, Unterschiede und Benachrichtigungen bleiben zusammen, damit der nächste Schritt klar ist.

So funktioniert es

Von einer Seite zu visueller Kontrolle ohne eigenes Testlabor

RenderLog gibt nicht technischen Nutzern einen klaren Weg: Seite definieren, guten Zustand freigeben, erneut prüfen und nur sinnvolle Änderungen ansehen.

Website-Check erstellen

Gruppiere Seiten unter einer Domain und ergänze Ansichtsgrößen, Wartezeiten, Header, Cookies und einfache Ablaufschritte.

Referenz wählen

Gib ein gutes Ergebnis aus dem Verlauf frei. Spätere Ausführungen werden mit diesem Stand verglichen.

Dort ausführen, wo Arbeit passiert

Starte den Website-Check manuell, aus CI, über die API oder nach Zeitplan, wenn Automatisierung aktiviert ist.

Auf visuelle Unterschiede reagieren

Prüfe geänderte Fälle, behalte das Artefakt und benachrichtige Slack, Teams oder einen Webhook, wenn Aktion nötig ist.

Anwendungsfälle

Wo Teams mit RenderLog starten

Die Anwendungsfälle sind größer als Screenshots. Der Wert liegt in der wiederholbaren Prüfung, der freigegebenen Referenz und der Prüfhistorie.

Visuelle Regressionen nach dem Deploy sehen

Produkt-Releases

Visuelle Regressionen nach dem Deploy sehen

Starte einen Website-Check aus CI nach dem Deploy, warte auf einen stabilen Seitenzustand und prüfe nur die Screens, die sich geändert haben.

Gut für Preis-, Onboarding-, Abrechnungs-, Zahlungs- und Kontoseiten.

Landingpages vor schleichender Degradation schützen

Marketingseiten

Landingpages vor schleichender Degradation schützen

Marketingseiten ändern sich oft. Speichere die freigegebene Version und erkenne kaputte CTAs, verschobene Bereiche und fehlende Blöcke.

Starte Prüfungen nach CMS-Updates, Kampagnenstarts und Preisänderungen.

Kunden Nachweise statt Meinungen geben

Kundenarbeit

Kunden Nachweise statt Meinungen geben

Agenturen können visuelle Nachweise für Kundenseiten speichern, regelmäßige Prüfungen starten und genau zeigen, was sich geändert hat.

Nützlich für Wochenberichte, Content-Updates und Prüfungen nach Releases.

Content-Seiten schützen, die Tests selten abdecken

Content-Teams

Content-Seiten schützen, die Tests selten abdecken

Dokumentation, Help Center und contentreiche Seiten können brechen, ohne den Build zu brechen. RenderLog hält diese Seiten sichtbar.

Vergleiche wichtige Seiten nach CMS-Änderungen, Übersetzungen und Template-Updates.

Was RenderLog heute schon abdeckt

Vollseite oder genau der Selektor, der sich geändert hat

Eine API für Vollseiten, einzelne Elemente oder genau den Bereich, der dich interessiert.

Referenzen behalten und jede neue Version prüfen

Lege pro Ziel einen Referenz fest, vergleiche neue Versionen und halte den visuellen Verlauf griffbereit.

Prüfungen planen und die richtigen Leute informieren

Prüfungen nach Zeitplan ausführen und das Team informieren, wenn sich Seite oder Selektor ändern.

Wartezeiten, Login und schwierige Seitenzustände abdecken

Header, Cookies, Wartezeiten und Gerätevorgaben nutzen, wenn eine Seite mehr als einen einfachen Render braucht.

Was im Kernablauf enthalten ist

Starte mit dem Teil, der den größten Schmerz beseitigt: verlässliche Aufnahmen, Referenzprüfung und klare Abrechnung. Extras kommen nur dazu, wenn sie wirklich nötig sind.

Nur zahlen, wenn ein Rendering gelingt

Timeouts, Browserfehler und Netzwerkfehler werden nicht berechnet.

Ein Jahr Aufbewahrung bei Bedarf

Den Verlauf von 30 auf 180 Tage verlängern, wenn Freigaben oder Audits es verlangen.

Geplante Prüfungen bei Bedarf skalieren

Gespeicherte Abläufe mit Warten, Klicken und Eingaben für Seiten mit mehr als einem Schritt.

Videoausgabe bei Bedarf

Kurze GIF- oder MP4-Exporte nutzen, wenn ein Einzelbild die Änderung nicht klar genug zeigt.

Preise ansehen

Für den Kernablauf ist kein eigener Tarif nötig. Nutzung unter 3 EUR wird übertragen.

Starte mit dem Ablauf, nicht mit noch einem Render-Skript

Sieh dir zuerst den Ablauf an und vergleiche RenderLog dann mit reinen API-Werkzeugen, wenn du über Visual QA in deinem Stack entscheidest.