Visual regression (screenshot összehasonlítás)

A klasszikus HTTP monitor azt mondja, hogy "a szerver 200 OK választ ad", de nem tudja, hogy a fő CSS fájl nem töltődött be, és az oldal törötten jelenik meg. A vizuális ellenőrzés (angolul visual regression) készít egy képet az oldalról, és összehasonlítja egy alapképpel (baseline) - észreveszi a vizuális változásokat akkor is, ha a szerver szerint minden rendben van.

A vizuális ellenőrzés a Profi és a Business csomagban érhető el.

Hogyan működik

1. A vizuális ellenőrzés első bekapcsolásakor egy alapkép (baseline) készül - ez a referencia, amelyhez később hasonlítunk.
2. Minden további ellenőrzéskor új képet készítünk, és pixelről pixelre összehasonlítjuk a baseline-nal.
3. Ha a különbség meghaladja a beállított küszöbértéket (alapértelmezetten 5 %), a monitor megváltozott jelölést kap, és értesítést küldünk.
4. A monitor részleteiben egymás mellett látja a baseline-t és az aktuális képet, valamint a kiemelt helyeket, ahol eltérnek.

Mikor érdemes használni

• Az oldal új verziójának telepítése után - automatikusan észreveszi a törött betűtípusokat, CSS-t vagy elrendezést
• Marketing landing oldalakhoz - hogy tudja, a GA címke és más elemek nem mozdultak el a helyükről
• Webáruházakhoz - annak ellenőrzése, hogy a "Kosárba" gomb továbbra is látható
• Státuszoldalakhoz - hogy tudja, a saját státuszoldala helyesen jelenik meg

Beállítás

1. A monitor létrehozásakor válassza a Vizuális ellenőrzés típust - az első kép automatikusan baseline-ként mentődik
2. A monitor részleteiben a Vizuális ellenőrzés részben látja a referenciaképet, az aktuális képet és a kiemelt különbségeket
3. A változás határát a Vizuális változás határa csúszkával állítja be (0,5 és 30 % között, alapértelmezetten 5 %)
4. Minden új verzió telepítése után frissítse a baseline-t az Aktuális beállítása referenciaként gombbal

Vigyázzon a hamis riasztásokra

• Dátum és idő az oldalon - minden ellenőrzés másképp jeleníti meg őket. Ilyen változás telepítése után mindig frissítse a baseline-t.
• Reklámok és bannerek - váltakoznak a képek között, és gyakran hamis riasztást okoznak. A vizuális ellenőrzés a reklámok nélküli oldalakon működik a legjobban.
• Animációk - az első és a következő kép eltérhet. A vizuális ellenőrzés 1,5 másodpercet vár a betöltés után, hogy az animáció megállapodjon.