Visueller Regressionstest: automatisiertes Verfahren zur Erkennung unbeabsichtigter Änderungen im Erscheinungsbild einer Benutzeroberfläche durch den Vergleich eines Referenzzustands (Baseline) mit dem aktuellen Zustand. Es ermöglicht, Regressionen bei Layout, Farben, Typografie oder Abständen zu erkennen, bevor sie die Produktion erreichen. Gängige Definition in der Front-End-QA.
Diffy gehört zu den Werkzeugen, die Agenturen und Web-Teams entdecken, wenn sie eine Website vor einer Produktivsetzung prüfen wollen. Das Prinzip ist leicht erklärt: dieselben Seiten in zwei Umgebungen erfassen, etwa Produktion und Staging, und zeigen, was sich unterscheidet.
Delta-QA geht von einem anderen Ausgangspunkt aus. Statt zwei Umgebungen zu vergleichen, spielt es einen aufgezeichneten Ablauf ab (Anmeldung, Formular, Warenkorb) und vergleicht jeden Schritt mit seiner Referenz, so wie es das menschliche Auge tun würde.
Beide Werkzeuge beantworten dieselbe Sorge: „Hat mein Update etwas auf dem Bildschirm kaputt gemacht?“ Dieser Vergleich erklärt, was jedes davon Stand 10/2026 tatsächlich leistet, wo jedes glänzt und welches zu Ihrer Arbeitsweise passt.
Alle unsere Vergleiche, anhand überprüfbarer Kriterien: Alternativen und Vergleiche.
Ihre Abläufe Schritt für Schritt geprüft, ohne Code zu schreiben? Delta-QA zeichnet das Szenario im Browser auf und sagt Ihnen, welches Element sich geändert hat, mit einem kostenlosen Konto und ohne Kreditkarte. Delta-QA kostenlos testen →
Was Diffy ist: der Ansatz über den Vergleich von Umgebungen
Diffy ist ein Online-Dienst für visuelle Regressionstests, der vor allem für Agenturen gedacht ist, die zahlreiche Websites betreuen, insbesondere unter WordPress und Drupal. Sein zentrales Prinzip ist der Vergleich zwischen Umgebungen.
Das Konzept: Produktion vs. Staging vs. Dev
Sie haben Ihre Website in Produktion und eine Version im Staging mit den letzten Änderungen. Diffy erfasst dieselben Seiten in beiden und zeigt Ihnen die Unterschiede nebeneinander. Sieht das Staging wie die Produktion aus, haben Ihre Änderungen auf dem Bildschirm nichts kaputt gemacht; andernfalls zeigt Diffy Ihnen, wohin Sie schauen müssen.
Diffy bietet außerdem eine geplante Überwachung (in regelmäßigen Abständen gestartete Vergleiche, um eine unerwartete Änderung zu bemerken) und einen Vergleich zwischen Live-Seiten und exportierten Figma-Mockups.
Was Diffy gut kann
Diffy hat die klassischen Rauschquellen beim Bildvergleich angegangen. Stand 10/2026 hebt seine Startseite hervor:
- das Einfrieren dynamischer Elemente und den Austausch von Inhalten, die sich bei jedem Besuch ändern, statt bloßer Masken;
- den Umgang mit klebenden Elementen (fixierte Header) und die Erkennung vertikaler Verschiebungen, damit ein oben auf der Seite eingefügter Block nicht den gesamten Rest „anders“ erscheinen lässt;
- KI-generierte Zusammenfassungen von Abweichungen, die Änderungen nach Typ (Layout, Inhalt, Stil) gruppieren und nach Auswirkung ordnen;
- einen Skill für Claude, mit dem sich ein Vergleich aus dem Code-Assistenten starten lässt;
- die Integration in lokale Umgebungen (DDEV, Lando, Docksal), in die CI sowie eine On-Premise-Installation.
Der Einstieg wird mit etwa zwanzig Minuten angegeben. Für eine Agentur, die nach jedem CMS-Update Dutzende Websites prüfen muss, ist es ein auf den Bedarf zugeschnittenes Werkzeug.
Was Diffy voraussetzt
Der Vergleich zwischen Umgebungen setzt mindestens zwei vergleichbare Umgebungen voraus. Zeigen Staging und Produktion nicht dieselben Daten, stammt ein Teil der Abweichungen von den Daten und nicht vom Code, und man muss ihn neutralisieren (Einfrieren, simulierter Inhalt) oder von Hand sichten.
Diffy denkt in erfassten Seiten. Es ist sehr wirksam, um eine Website Seite für Seite breit abzudecken; weniger natürlich ist es, zu prüfen, was mitten in einem Ablauf geschieht, nach einer Anmeldung oder im Verlauf eines mehrstufigen Formulars.
Was Delta-QA ist: Regressionstests per aufgezeichnetem Ablauf
Delta-QA richtet sich an Teams, die ihre kritischen Abläufe bei jeder Version prüfen wollen, ohne Tests zu schreiben.
Ein aufgezeichnetes Szenario, bei jeder Version erneut abgespielt
Sie öffnen Ihre Website in Delta-QA und durchlaufen das Szenario wie ein Nutzer: Anmeldung, Suche, in den Warenkorb legen, Bezahlung. Jeder Schritt wird zu einem Kontrollpunkt. Bei der nächsten Version spielt Delta-QA den Ablauf in einem echten Browser erneut ab und vergleicht jeden Schritt mit seiner Referenz.
Eine zweite Umgebung ist nicht nötig: Die Referenz ist der freigegebene Zustand Ihrer eigenen Website. Sie können das Szenario im Staging, in einer Vorproduktion oder in der Produktion ausführen.
Ein Vergleich, der das menschliche Auge nachahmt
Delta-QA vergleicht nicht zwei Bilder. Es vergleicht die Elemente der Seite und sagt Ihnen, was sich tatsächlich bewegt hat: die Farbe eines Buttons, ein Abstand oder Padding, die Position eines Elements, ein Block, der überläuft oder verschwindet. Der Bericht zeigt keine rote Fläche, die man deuten muss: Er benennt das Element und beschreibt die Änderung. Sie bewerten jede Abweichung, gewollt oder Bug, und die Referenz wandert mit Ihnen weiter.
Ohne Code: der visuelle Test, offen für das ganze Team
Der Entwickler weiß, was er geändert hat. Aber oft ist es die QA, die prüft, dass nichts kaputt ist, der Product Owner, der das Rendering freigibt, die Designerin, die die Einhaltung des Mockups beurteilt. Mit Delta-QA zeichnet jeder seine eigenen Abläufe auf und spielt sie ab, ohne von einem Entwickler abhängig zu sein.
Delta-QA läuft als SaaS oder, mit dem On-Premise-Angebot, auf Ihrer Infrastruktur; das On-Premise-Angebot lässt sich mit einem kostenlosen POC über einen Monat evaluieren. Der Vergleich erfolgt heute auf Chromium; Firefox und WebKit sind geplant.
Eine Referenz pro Ablauf, keine zweite Umgebung, die synchron gehalten werden muss. Delta-QA spielt Ihre Szenarien ab und nennt jedes Element, das sich geändert hat, ohne Code und ohne Kreditkarte. Delta-QA kostenlos testen →
Direkter Vergleich: Diffy vs. Delta-QA
Was verglichen wird
Diffy vergleicht Seitenaufnahmen: zwischen zwei Umgebungen, mit einer früheren Aufnahme oder mit einem Figma-Mockup. Es kombiniert einen Bildvergleich mit Verfahren zur Rauschreduzierung (Einfrieren dynamischer Elemente, Erkennung von Verschiebungen) und KI-Zusammenfassungen.
Delta-QA vergleicht die Schritte eines Ablaufs mit ihrer Referenz und erkennt die Elemente, die sich geändert haben. Das Ergebnis ist eine Liste von Änderungen, die Seitenelementen zugeordnet sind.
Was Sie im Bericht lesen
Bei Diffy sehen Sie die Aufnahmen nebeneinander und die Bereiche, die sich unterscheiden, mit einer Zusammenfassung, die Änderungen gruppiert und priorisiert.
Bei Delta-QA lesen Sie, was das menschliche Auge sehen würde, jedes geänderte Element benannt: „Der Button Bezahlen ist von Blau auf Grün gewechselt“, „der Abstand des Containers ist von 24 auf 16 Pixel gesunken“. Das lässt sich direkt an den zuständigen Entwickler weitergeben.
Voraussetzungen
Diffy funktioniert am besten mit zwei vergleichbaren Umgebungen oder mit einer zuvor aufgenommenen Referenzaufnahme.
Delta-QA funktioniert mit einer einzigen Umgebung: Sie zeichnen den Ablauf auf, die erste Ausführung dient als Referenz, danach wird jede Version mit dieser Referenz verglichen.
Wer es nutzt
Diffy richtet sich an Entwickler, QA und Projektleiter in Agenturen. Seine Weboberfläche und die Integration in lokale Tools oder in Claude passen gut zu technischen Profilen, die zahlreiche Websites betreuen.
Delta-QA richtet sich an das gesamte Produktteam, auch an Profile, die nicht programmieren: manuelle Tester, Product Owner, Projektleiter.
Integration in Tests und CI
Diffy bietet die Automatisierung in der CI in seinem kostenpflichtigen Plan.
Delta-QA hat inzwischen ein SDK, Vision, für Playwright (TypeScript/JavaScript). Eine Zeile pro zu prüfender Seite genügt: Eine nicht bewertete Abweichung lässt den Test fehlschlagen, und das CI-Log enthält den Link zum Bericht. Im Code geschriebene Tests und Szenarien ohne Code leben im selben Arbeitsbereich. Delta-QA bietet außerdem einen MCP-Server, um Ihre Szenarien aus einem Code-Assistenten zu steuern.
Preis
Stand 10/2026 nennt Diffy auf seiner Preisseite einen kostenlosen Plan mit 500 Aufnahmen pro Monat (zwei Umgebungen, ein Monat Historie), danach einen Pro-Plan ab 67 $ pro Monat bei jährlicher Abrechnung für 2.000 Aufnahmen, mit CI, mehreren Umgebungen und sechs Monaten Historie.
Delta-QA startet mit einem kostenlosen Konto, ohne Kreditkarte; die kostenpflichtigen Pläne sind auf der Preisseite des Produkts aufgeführt.
Wann Sie Diffy wählen sollten
Diffy ist eine sehr gute Wahl, wenn Sie eine Agentur oder ein Web-Team sind, das zahlreiche Websites betreut, insbesondere unter WordPress oder Drupal, und nach jedem Update schnell Seitenlisten zwischen Staging und Produktion prüfen möchte.
Es ist auch sinnvoll, wenn Sie eine Website in regelmäßigen Abständen überwachen, Seiten mit Figma-Mockups vergleichen oder Vergleiche aus Claude oder Ihrer lokalen Umgebung starten möchten.
Wann Sie Delta-QA wählen sollten
Delta-QA ist die passende Wahl, wenn nicht eine Seitenliste zählt, sondern Abläufe: ein Bestellprozess, eine Registrierung, ein Back-Office hinter einer Anmeldung. Jeder Schritt wird geprüft, in der Reihenfolge, in der der Nutzer ihn erlebt.
Es ist auch die richtige Wahl, wenn die Personen, die die Anwendung prüfen, nicht programmieren, und wenn Sie einen Bericht wollen, der das geänderte Element benennt statt eines zu deutenden Bereichs. Mehr zum Ansatz finden Sie in unserem Leitfaden zum Regressionstest.
Bereit, Ihre kritischen Abläufe bei jeder Version zu prüfen? Zeichnen Sie Ihr erstes Szenario mit Delta-QA auf, kostenlos und ohne Kreditkarte. Delta-QA kostenlos testen →
FAQ
Ist Diffy Open Source?
Nein. Diffy ist ein Online-Dienst mit einem kostenlosen Plan und einem kostenpflichtigen Pro-Plan; seine Startseite erwähnt auch eine On-Premise-Installation. Man sollte es nicht mit Open-Source-Werkzeugen wie BackstopJS verwechseln, die man selbst installiert und wartet.
Kann man Diffy und Delta-QA zusammen nutzen?
Ja, sie ergänzen sich: Diffy, um viele Seiten zwischen Umgebungen zu durchkämmen oder eine Website zu überwachen, Delta-QA, um die kritischen Abläufe Schritt für Schritt zu prüfen. Wenn Sie Delta-QA evaluieren möchten, können Sie auch beide parallel auf denselben Seiten laufen lassen, bis Sie die Berichte verglichen haben.
Erkennt Delta-QA Farbänderungen?
Ja, für die Elemente der Seite (Hintergrund, Text, Rahmen): Der Bericht gibt an, welches Element die Farbe gewechselt hat. Eine Änderung innerhalb eines Bildes (ein Logo, ein Foto) betrifft den Bildinhalt und wird nicht auf dieselbe Weise beschrieben.
Wie lange dauert die Einrichtung der jeweiligen Werkzeuge?
Diffy gibt einen Einstieg in etwa zwanzig Minuten an. Delta-QA ist für ein erstes Szenario in wenigen Minuten einsatzbereit: Sie legen ein Konto an, zeichnen einen Ablauf auf und spielen ihn ab.
Wie wechselt man von Diffy zu Delta-QA?
Es gibt keine Daten zu konvertieren: Die Aufnahmen von Diffy und die Referenzen von Delta-QA sind von unterschiedlicher Natur. Sie zeichnen in Delta-QA die Abläufe auf, die den überwachten Seiten entsprechen, die erste Ausführung dient als Referenz, und Sie sind einsatzbereit.
Welches Werkzeug für eine Website unter WordPress oder Drupal?
Beide funktionieren auf jeder Website, die in einem Browser erreichbar ist. Diffy hebt seinen Einsatz bei WordPress- und Drupal-Agenturen und seine Integrationen in die lokalen Umgebungen dieser Ökosysteme hervor. Delta-QA ist unabhängig vom CMS: Es zeichnet auf und spielt ab, was der Nutzer sieht.