Documento / 03

Comparación visual

Cada escaneo toma una captura móvil de altura completa de la página y la compara con el baseline. En lugar de un único número de «qué porcentaje cambió» se mira región por región, y después un segundo escaneo verifica si el cambio es real.

Página 3/9Cualquiera que quiera entender por qué llegó (o no) una notificaciónResponsables técnicos que necesitan ajustar una página ruidosa

Para quién es

  • Cualquiera que quiera entender por qué llegó (o no) una notificación
  • Responsables técnicos que necesitan ajustar una página ruidosa

Prerequisitos

  • Un baseline para la URL
  • Al menos una comparación completada

Paso a paso

  1. Qué es un baseline

    Un baseline es el último estado de una página que una persona aceptó — no el último escaneo. La comparación se hace siempre contra el baseline, así que una rotura que se arrastra poco a poco sigue siendo visible.

  2. Puntuación por regiones

    Se evalúan juntos la proporción de píxeles cambiados, el número de regiones cambiadas, la cuota y la posición de la mayor región, el hash del contenido HTML, los metadatos de la página y el estado HTTP. El resultado es una clase: visual, content, metadata, availability o dynamic_noise.

  3. Una diferencia de altura no es un cambio

    Cuando una página crece, «se añadió una sección abajo» se distingue de «cambió toda la página». Aunque las imágenes tengan alturas distintas, se comparan con su región común alineada.

  4. El escaneo de verificación

    Un cambio que supera el umbral no notifica de inmediato; poco después se toma un segundo escaneo. Si una región difiere del baseline en ambos escaneos y además difiere entre sí, se considera inestable y se descarta como ruido. Un cambio que se mantiene se reporta.

  5. Regiones ignoradas

    Dibuja un rectángulo sobre la captura para sacar del comparador carruseles, anuncios, bandas de cookies o contadores. Hasta 10 regiones por URL.

  6. Estados del cambio

    Un cambio es new, reviewed o ignored. Marcarlo reviewed o ignored hace avanzar el baseline hasta ese snapshot; dejarlo en new no. Por eso un cambio que nunca cierras reaparece en cada escaneo.

Salidas operativas

  • Imagen antes/después/diff con recuadros sobre las regiones cambiadas
  • Clase del cambio y severidad
  • Historial de snapshots con fecha

Disponibilidad por plan

  • Todo el motor es igual en todos los planes — un plan más barato no detecta menos
  • Cuánto historial se conserva depende del plan (7 / 90 / 180 días)

Límites y guardrails

  • Un solo perfil de captura: Chrome móvil a 412px
  • Las regiones ignoradas se normalizan a 412px en x y ancho; la y se fija como píxel absoluto desde arriba
  • En páginas muy largas la imagen se recorta según el límite de altura
  • No hay una capa de IA que interprete el contenido; las decisiones se basan en señales medibles

Resultado esperado

  • Las notificaciones que recibes son cambios que merece la pena mirar
  • El mismo cambio no se notifica una y otra vez
  • Cada decisión tiene un diff visible detrás

Rutas de troubleshooting

  • Si sigue llegando ruido, ignora la región o baja la sensibilidad de la URL
  • Si un cambio esperado no llegó, comprueba que el snapshot terminó bien y que la página no pide inicio de sesión
  • Si el baseline quedó congelado en un estado equivocado, marca a mano el snapshot correcto como baseline

¿Ha llegado una notificación equivocada?

Los falsos positivos y los cambios que se escapan van directamente a la calibración de umbrales. Envíanos el enlace del diff.

Escríbenos ↗