Surveillance de dérive de structure — sachez quand un bouton disparaît.
Relvato relève la structure de vos pages clés et signale la dérive du DOM — un bouton d’ajout au panier disparu, un champ de formulaire supprimé, une section retirée, des classes renommées qui cassent discrètement votre CSS — sans se soucier des pixels. Il revérifie automatiquement quand votre code change sur GitHub ou qu’une mise à jour d’extension, de thème ou du cœur de WordPress arrive.
- ✓Les sections, boutons, formulaires et champs clés sont toujours dans la page (dérive du DOM)
- ✓Les éléments apparus ou disparus depuis la référence approuvée, jusqu’au sélecteur exact
- ✓Les classes et ids renommés ou supprimés — le côté balisage d’une régression CSS
- ✓Les repères disparus : navigation principale, recherche, lien panier, bouton d’ajout au panier, prix, pied de page
- ✓Les chutes brutales de liens, boutons, champs ou formulaires (ex. 48 liens → 6)
- ✓Revérification après un push GitHub ou une mise à jour d’extension, de thème, du cœur ou de WooCommerce
Les pannes les plus coûteuses sont des éléments manquants et du balisage renommé : un bouton « Acheter » supprimé par une mise à jour, un champ de commande disparu, une mise à jour de thème qui renomme .btn-primary si bien que votre CSS personnalisé, vos balises de suivi et vos tests automatisés ne correspondent plus. Les comparaisons visuelles peuvent réagir au style ; la dérive structurelle est le signal calme que les briques de la page ont changé.
La dérive de structure et la régression visuelle se recoupent mais détectent des choses différentes. Notre guide les compare : ce que chacune repère et quand un diff est réel.
- Relvato charge chaque page clé dans un vrai navigateur et relève sa structure : chaque section, bouton, cible de lien, formulaire et champ, avec leurs classes et ids stables. Les noms de classe hachés, les textes et le style sont ignorés, pour que les modifications de contenu et de couleur restent silencieuses.
- Chaque exécution est comparée à la structure que vous avez approuvée. Ce qui est apparu ou a disparu, un repère manquant (comme le bouton d’ajout au panier) ou une chute brutale de liens ou de champs est signalé avec le sélecteur exact et un résumé en langage clair.
- Il s’exécute quand quelque chose change vraiment : quelques minutes après un push sur votre dépôt GitHub, et quand l’extension Relvato signale une mise à jour d’extension, de thème, du cœur ou de WooCommerce — plus une exécution hebdomadaire. Acceptez un changement voulu comme nouvelle référence, ou ignorez une section qui doit évoluer.
Quelle différence avec la régression visuelle ?
La régression visuelle compare des pixels (l’apparence de la page) ; la dérive structurelle compare des éléments (ce que contient la page). Un bouton restylé déclenche la régression visuelle, un bouton disparu ou renommé déclenche la dérive structurelle. Utilisez les deux : elles détectent des pannes différentes.
Détecte-t-elle les régressions CSS ?
Elle détecte le côté balisage : quand une mise à jour renomme ou supprime les classes et ids dont dépendent votre feuille de style, vos balises de suivi ou vos tests, vous voyez exactement quels sélecteurs ont disparu et ce qui les a remplacés. Pour le rendu final de la page, associez-la à la surveillance de la régression visuelle.
Quand Relvato revérifie-t-il la structure ?
Automatiquement après les changements qui causent la dérive : un push sur un dépôt GitHub connecté, et une mise à jour d’extension, de thème, du cœur de WordPress ou de WooCommerce signalée par l’extension Relvato. Elle s’exécute aussi chaque semaine, et vous pouvez la lancer à tout moment.
Faut-il une extension ?
Non — la dérive structurelle fonctionne sur tout site dont le domaine est vérifié. L’extension ajoute des revérifications juste après les mises à jour WordPress ; la GitHub App, juste après un push de code.
Mettez ce moniteur en pilote automatique.
Gratuit pour toujours sur un site — 100 exécutions par mois, lancées par vous ou chaque semaine, sans carte. Pro relance vos moniteurs tout seul après chaque mise à jour.