Monitorización de deriva de estructura — entérate cuando un botón desaparece.
Relvato registra la estructura de tus páginas clave y avisa de la deriva del DOM — un botón de añadir al carrito que desaparece, un campo de formulario eliminado, una sección quitada, clases renombradas que rompen tu CSS sin avisar — sin fijarse en los píxeles. Vuelve a comprobar automáticamente cuando cambia tu código en GitHub o llega una actualización de plugin, tema o núcleo de WordPress.
- ✓Las secciones, botones, formularios y campos clave siguen en la página (deriva del DOM)
- ✓Elementos que aparecieron o desaparecieron desde la línea base aprobada, hasta el selector exacto
- ✓Clases e ids renombrados o eliminados — la parte de marcado de una regresión de CSS
- ✓Elementos clave que desaparecieron: navegación principal, búsqueda, enlace al carrito, botón de añadir al carrito, precio, pie de página
- ✓Caídas bruscas de enlaces, botones, campos o formularios (p. ej. 48 enlaces → 6)
- ✓Se vuelve a ejecutar tras un push en GitHub o una actualización de plugin, tema, núcleo o WooCommerce
Las averías más caras son elementos que faltan y marcado renombrado: un botón «Comprar» que una actualización eliminó, un campo del checkout que desapareció, una actualización del tema que renombró .btn-primary y tu CSS personalizado, tus etiquetas de seguimiento y tus pruebas automáticas dejan de coincidir. Las comparaciones visuales pueden ser ruidosas con el estilo; la deriva estructural es la señal tranquila de que cambiaron las piezas de la página.
La deriva de estructura y la regresión visual se solapan pero detectan cosas distintas. Nuestra guía las compara: qué detecta cada una y cuándo un diff es real.
- Relvato carga cada página clave en un navegador real y registra su estructura: cada sección, botón, destino de enlace, formulario y campo, con sus clases e ids estables. Los nombres de clase con hash, los textos y el estilo quedan fuera, así que los cambios de contenido o de color no generan alertas.
- Cada ejecución se compara con la estructura que aprobaste. Lo que apareció o desapareció, un elemento clave que falta (como el botón de añadir al carrito) o una caída brusca de enlaces o campos se señala con el selector exacto y un resumen en lenguaje claro.
- Se ejecuta cuando algo cambia de verdad: minutos después de un push a tu repositorio de GitHub y cuando el plugin de Relvato informa de una actualización de plugin, tema, núcleo o WooCommerce — además de una ejecución semanal. Acepta un cambio intencionado como nueva línea base o ignora una sección que debe cambiar.
¿En qué se diferencia de la regresión visual?
La regresión visual compara píxeles (cómo se ve la página); la deriva estructural compara elementos (qué hay en la página). Un botón rediseñado activa la regresión visual; un botón que desaparece o se renombra activa la deriva estructural. Usa ambas: detectan fallos distintos.
¿Detecta regresiones de CSS?
Detecta la parte de marcado: cuando una actualización renombra o elimina las clases e ids de los que dependen tu hoja de estilos, tus etiquetas de seguimiento o tus pruebas, ves exactamente qué selectores desaparecieron y qué los sustituyó. Para cómo acaba viéndose la página, combínala con la monitorización de regresión visual.
¿Cuándo vuelve a comprobar Relvato la estructura?
Automáticamente tras los cambios que causan deriva: un push a un repositorio de GitHub conectado y una actualización de plugin, tema, núcleo de WordPress o WooCommerce que informe el plugin de Relvato. También se ejecuta cada semana y puedes lanzarla cuando quieras.
¿Necesito un plugin?
No — la deriva estructural funciona en cualquier sitio con el dominio verificado. El plugin añade nuevas ejecuciones justo después de las actualizaciones de WordPress; la GitHub App, justo después de un push de código.
Pon este monitor en piloto automático.
Gratis para siempre en un sitio — 100 ejecuciones al mes, lanzadas por ti o cada semana, sin tarjeta. Pro vuelve a ejecutar tus monitores solo tras cada actualización.