Résumé
Vidéo
Présentation
Créer un site avec Bricks Builder ne consiste pas seulement à obtenir un rendu visuel correct sur ordinateur. Avant une mise en ligne, il faut aussi vérifier la cohérence du design, la qualité des classes globales, le comportement mobile, les performances et certains critères d’accessibilité.
Bricks Health est un plugin WordPress de contrôle qualité dédié à Bricks Builder. Il analyse l’ensemble d’un projet, détecte les problèmes structurels ou visuels, attribue un score de santé au site et propose, pour une partie des anomalies, des correctifs en un clic.
L’outil s’adresse particulièrement aux freelances WordPress, agences web, intégrateurs, webdesigners et développeurs qui produisent ou maintiennent des sites conçus avec Bricks. Son objectif est simple : aider à répondre à une question essentielle avant la livraison d’un projet : le site est-il réellement prêt à être livré ?
Bricks Health est un plugin WordPress de QA (assurance qualité) conçu pour les sites construits avec Bricks Builder.
Il ne remplace pas les tests manuels, les recettes client ou un audit complet réalisé par un spécialiste. En revanche, il automatise une grande partie des vérifications répétitives qui prennent du temps lors de la finalisation d’un site : éléments trop lourds, couleurs codées en dur, débordements sur mobile, hiérarchie de titres incohérente, classes inutilisées, contrastes insuffisants ou sections répétées.
Le plugin examine le projet selon cinq grands axes :
Ces résultats sont ensuite regroupés dans un Website Health Score, c’est-à-dire un score global permettant de suivre l’amélioration d’un projet au fil des corrections.
Bricks Health est prévu pour les environnements suivants :
Le plugin peut continuer à analyser et noter un site sur d’autres versions de Bricks. Toutefois, les fonctions d’écriture, notamment les Smart Fixes, passent alors en lecture seule tant que la compatibilité de la version n’a pas été validée.
Bricks Health peut être utile à plusieurs profils :
Bricks Health regroupe 71 règles documentées dans son référentiel. Chaque règle dispose d’un niveau de sévérité et, lorsque cela est possible, d’un correctif automatisé.
L’audit de design vise à détecter les incohérences qui fragilisent un système graphique à mesure qu’un site grandit.
Le plugin peut notamment signaler :
Vous identifiez plus facilement les écarts entre les bonnes pratiques définies au départ et la réalité du projet après plusieurs semaines de production.
Par exemple, si une même couleur est utilisée sur de nombreux boutons mais a été ajoutée manuellement au lieu d’utiliser une variable Bricks, Bricks Health peut la repérer. Vous pouvez alors uniformiser la gestion du design et simplifier les futures évolutions graphiques.
La gestion des classes constitue l’un des sujets les plus importants dans Bricks Builder. Un projet mal structuré peut rapidement contenir de nombreuses classes redondantes, inutilisées ou trop spécifiques.
Bricks Health examine notamment :
Cet audit vous aide à réduire la dette technique visuelle du site.
Au lieu de corriger manuellement chaque page, vous pouvez repérer les classes à nettoyer, mutualiser les styles similaires et construire un système plus simple à faire évoluer. C’est particulièrement intéressant sur les projets réalisés par plusieurs personnes ou repris après une première phase de développement.
Un site peut sembler parfaitement fonctionnel dans l’éditeur, puis présenter des problèmes sur smartphone ou tablette : défilement horizontal, colonnes qui ne s’adaptent pas, textes dépassant de leur conteneur ou zones interactives mal dimensionnées.
Bricks Health réalise des contrôles relatifs au comportement responsive, notamment sur les risques de débordement.
Avant la livraison d’un site e-commerce ou vitrine, vous lancez un scan Bricks Health. Le plugin détecte qu’un bloc de contenu dépasse sur une largeur mobile. Vous accédez à l’élément concerné dans Bricks, corrigez la largeur, la marge ou le comportement flex, puis relancez le contrôle.
Cette approche évite de découvrir certains défauts seulement après les retours du client.
L’audit de performance recherche les éléments susceptibles d’alourdir inutilement les pages ou de dégrader l’expérience utilisateur.
Les problématiques examinées peuvent concerner :
Le plugin ne remplace pas un outil spécialisé comme PageSpeed Insights, Lighthouse, WebPageTest ou DebugBear. Son intérêt est différent : il observe la façon dont votre site Bricks est construit, directement depuis l’administration WordPress.
Il aide ainsi à repérer des problèmes à la source, avant ou en complément des mesures réalisées sur le site public.
Bricks Health inclut un module d’accessibilité fondé sur des critères des WCAG 2.2, niveaux A et AA.
L’éditeur précise qu’un scan automatisé ne peut pas certifier qu’un site est conforme. C’est un point important : de nombreux critères d’accessibilité dépendent du contexte, du sens du contenu, de l’usage réel et de l’interaction humaine.
Le plugin réalise deux types de contrôle.
Cette partie examine les contenus et réglages de l’ensemble du projet, par exemple :
tabindex positif ;Certains problèmes ne peuvent être détectés qu’après affichage de la page. Bricks Health peut alors contrôler :
Bricks Health indique explicitement les critères qui nécessitent une vérification humaine. C’est un bon positionnement : un outil automatisé peut signaler des erreurs techniques, mais il ne peut pas déterminer si un texte alternatif est pertinent, si une navigation est intuitive ou si une instruction est réellement compréhensible.
Le Website Health Score synthétise les résultats de l’analyse dans un score global.
Chaque audit possède également son propre score. Vous pouvez ainsi visualiser la situation d’un projet sur plusieurs dimensions :
Un score ne remplace pas une analyse détaillée, mais il simplifie le suivi opérationnel.
Pour une agence, il peut servir à :
Les Smart Fixes sont les correctifs automatisés proposés pour certaines détections.
Le fonctionnement annoncé suit plusieurs étapes :
Les nouvelles installations démarrent en lecture seule. La première correction nécessite donc une action volontaire de votre part pour autoriser les écritures.
Le plugin prévoit également un mécanisme global permettant de désactiver toutes les écritures. Cette précaution est utile dans un environnement de production ou pour les équipes qui souhaitent imposer une validation avant toute modification.
Il reste toutefois recommandé de tester les changements sur un environnement de préproduction, surtout sur un site complexe ou fortement personnalisé.
Bricks Health peut identifier des sections copiées-collées sur plusieurs pages.
Lorsque les copies sont identiques, le plugin peut les convertir en composant Bricks, sans modifier visuellement les pages. Cela permet de centraliser l’édition d’une même section, par exemple :
Lorsque les sections partagent une structure mais comportent des contenus différents, elles sont proposées comme candidates, sans conversion automatique. Cette prudence évite d’écraser des contenus propres à chaque page.
À noter : la conversion peut modifier les identifiants techniques
#brxe-des éléments internes. Les ancres et scripts personnalisés reposant sur ces identifiants doivent donc être vérifiés.
Les détections sont expliquées en langage clair et les éléments concernés peuvent être repérés dans Bricks Builder ou sur le site public.
Cette fonction accélère le travail de correction : vous ne passez pas du temps à chercher quelle section ou quel élément correspond à l’alerte affichée.
Les offres payantes donnent accès à un module de rapport imprimable.
Vous pouvez y intégrer :
Deux approches sont possibles :
Le rapport est généré pour l’impression au format A4 depuis le navigateur. L’export PDF passe donc par l’option « Enregistrer au format PDF » de votre navigateur.
Bricks Health propose une formule gratuite et trois offres payantes annuelles.
Les tarifs indiqués ci-dessous sont ceux communiqués par l’éditeur et sont affichés hors TVA. La TVA est calculée au paiement selon le pays de facturation.
| Offre | Prix | Sites inclus | Fonctionnalités |
|---|---|---|---|
| Free | Gratuit | Illimité | Scan complet, scores, comptes d’incidents, résultats les plus graves par audit et par niveau de sévérité |
| Solo | 29 $/an | 1 site | Tous les résultats, tous les Smart Fixes, rapports clients |
| 5 sites | 79 $/an | 5 sites | Tous les résultats, tous les Smart Fixes, rapports clients |
| Agency | 119 $/an | Illimité | Tous les résultats, tous les Smart Fixes, rapports clients |
La version gratuite n’est pas une simple démo limitée à quelques données fictives. Elle peut analyser l’ensemble du site et afficher :
En revanche, tous les résultats ne sont pas visibles sans licence.
Une licence donne accès à :
Les scans effectués avant achat ne sont pas perdus : les résultats déjà stockés deviennent visibles après activation de la licence, sans nécessiter une nouvelle analyse. Une exception concerne les rapports : pour imprimer un rapport complet, il faut lancer un scan alors que la licence est active.
La licence est annuelle et liée au nombre de sites prévu par le plan.
En cas d’expiration :
L’éditeur annonce également une garantie de remboursement de 14 jours pour les offres payantes.
Bricks Health s’intègre directement à :
Il ne se présente pas comme une plateforme SaaS autonome ni comme un outil d’automatisation disposant d’intégrations natives avec Zapier, Make, Slack ou des API publiques. Son rôle est avant tout d’améliorer la qualité interne d’un projet Bricks.
La plupart des outils de performance ou d’accessibilité sont généralistes. Bricks Health se concentre sur la structure propre aux sites créés dans Bricks : classes, variables, composants, données du builder et comportements de mise en page.
La formule gratuite permet d’exécuter des scans complets, sans limite annoncée de sites ni de scans. Elle donne une vue utile de la santé d’un projet, plutôt qu’un aperçu artificiellement limité.
Les détections sont expliquées simplement et reliées aux éléments concernés. Cette présentation est adaptée aux professionnels qui veulent corriger vite, mais aussi aux utilisateurs Bricks en phase d’apprentissage.
Le système de sauvegarde préalable, de vérification et d’annulation réduit le risque lié aux corrections automatisées. C’est un point appréciable pour un plugin susceptible de modifier la structure d’une page.
Bricks Health ne prétend pas rendre un site conforme aux WCAG par magie. Le plugin distingue les critères automatisables de ceux qui nécessitent une intervention humaine, ce qui est plus fiable et plus responsable.
Les rapports imprimables et personnalisables peuvent aider à justifier une phase d’amélioration, à formaliser une recette technique ou à valoriser un audit de maintenance auprès d’un client.
À 119 $ par an pour un nombre illimité de sites, l’offre Agency peut être intéressante pour une agence qui produit régulièrement des sites sous Bricks Builder.
Bricks Health est conçu pour Bricks. Il ne convient pas aux projets utilisant Elementor, Divi, Gutenberg, Beaver Builder, Oxygen, Webflow ou un thème WordPress classique sans Bricks.
Le plugin ne remplace pas des outils comme Google Lighthouse, PageSpeed Insights, GTmetrix, WebPageTest ou un monitoring RUM. Il intervient surtout sur les défauts liés à la construction du site dans Bricks.
Pour une stratégie de performance complète, il faudra aussi contrôler :
Même si le module accessibilité est utile, un scan ne suffit pas pour garantir une conformité WCAG ou RGAA. Un audit humain reste indispensable, notamment pour les projets publics, e-commerce importants ou soumis à des exigences réglementaires.
Les correctifs en un clic simplifient certaines tâches, mais une correction automatique doit toujours être contrôlée. Cela est particulièrement vrai sur les sites ayant :
Les utilisateurs de l’offre gratuite doivent télécharger manuellement les nouvelles versions. Pour un usage professionnel, cela peut représenter une contrainte légère, mais à prendre en compte.
Lorsque Bricks publie une nouvelle version, les fonctions d’écriture passent en lecture seule jusqu’à validation par l’éditeur de Bricks Health. C’est une mesure de prudence, mais elle peut retarder l’usage des Smart Fixes dans certains contextes.
Bricks Health occupe une place spécifique : celle du contrôle qualité intégré à WordPress et pensé pour Bricks Builder. Ses concurrents ne sont donc pas toujours des équivalents stricts, mais plutôt des outils complémentaires ou alternatifs selon le besoin.
Google Lighthouse et PageSpeed Insights évaluent la performance, l’accessibilité, les bonnes pratiques et le SEO technique d’une page.
Positionnement :
Différence avec Bricks Health : Lighthouse mesure principalement le rendu et les ressources d’une page. Bricks Health inspecte aussi la construction interne du projet Bricks, les classes, les variables et les composants.
GTmetrix analyse le chargement d’une page et fournit des recommandations techniques détaillées : poids, scripts bloquants, taille des médias, temps de rendu et requêtes réseau.
Positionnement :
Différence avec Bricks Health : GTmetrix n’analyse pas la logique de construction dans Bricks Builder, les classes globales ou les composants du projet.
axe DevTools et WAVE sont des outils dédiés à l’accessibilité web. Ils permettent de repérer de nombreuses erreurs techniques liées aux standards WCAG : contraste, structure, ARIA, formulaires, titres et attributs HTML.
Positionnement :
Différence avec Bricks Health : ces outils sont plus généralistes côté technologie et très reconnus en accessibilité. Bricks Health a l’avantage d’être directement intégré à WordPress et de connaître les données Bricks, ce qui peut faciliter la correction dans le builder.
Screaming Frog est un logiciel de crawl SEO technique. Il analyse les URL d’un site, les balises, les codes HTTP, les redirections, le maillage, les images, les données structurées et de nombreux éléments SEO.
Positionnement :
Différence avec Bricks Health : Screaming Frog est orienté crawl et SEO technique. Bricks Health est orienté qualité de construction dans l’éditeur Bricks.
Ces outils permettent de gérer plusieurs sites WordPress : mises à jour, sauvegardes, uptime monitoring, rapports, maintenance et parfois contrôles de sécurité.
Positionnement :
Différence avec Bricks Health : ces solutions ne contrôlent généralement pas en profondeur la cohérence du design, les classes globales ou les composants d’un projet Bricks.
De nombreuses agences utilisent des check-lists dans Notion, ClickUp, Asana, Trello ou Google Sheets pour valider la qualité d’un site avant livraison.
Positionnement :
Différence avec Bricks Health : une check-list documente le processus, mais ne détecte pas automatiquement les problèmes dans les pages. Bricks Health peut donc compléter efficacement une procédure QA existante.
| Critère | Bricks Health | Lighthouse / PageSpeed | axe DevTools / WAVE | GTmetrix | Outils de gestion WordPress |
|---|---|---|---|---|---|
| Cible principale | Sites Bricks Builder | Tout type de site | Accessibilité web | Performance web | Maintenance multi-sites |
| Analyse des classes Bricks | Oui | Non | Non | Non | Non |
| Analyse des composants Bricks | Oui | Non | Non | Non | Non |
| Smart Fixes dans WordPress | Oui, sur certaines règles | Non | Non | Non | Non |
| Mesure détaillée Core Web Vitals | Limitée / complémentaire | Oui | Non | Oui | Variable |
| Audit accessibilité | Oui, partiel et contextualisé | Oui, général | Oui, plus spécialisé | Non | Rarement |
| Rapports clients | Oui, avec licence | Limité | Variable | Oui selon offre | Oui selon outil |
| Compatibilité builder | Bricks uniquement | Universelle | Universelle | Universelle | Universelle |
| Courbe d’apprentissage | Faible pour les utilisateurs Bricks | Moyenne | Moyenne à élevée | Moyenne | Variable |
Bricks Health est particulièrement pertinent si vous :
Vous aurez besoin d’outils complémentaires si vous cherchez :
En pratique, Bricks Health fonctionne mieux comme une couche de QA dédiée à Bricks que comme un remplacement de tous les outils d’audit web.
Une agence termine un site vitrine de 25 pages pour un client B2B.
Avant livraison, l’équipe lance Bricks Health pour vérifier :
La recette finale repose sur une navigation manuelle des pages, des captures d’écran, une check-list et des tests sur plusieurs appareils. Des incohérences peuvent facilement passer inaperçues.
L’agence dispose d’une liste priorisée, d’un score global, de liens vers les éléments concernés et de certains correctifs en un clic. Le contrôle manuel reste nécessaire, mais le travail devient plus systématique et plus rapide.
Un freelance reprend un site créé par un ancien prestataire. Le projet fonctionne, mais il contient de nombreuses classes, styles locaux et sections copiées-collées.
Bricks Health aide à identifier :
Le freelance peut alors nettoyer progressivement le projet sans devoir inspecter chaque page uniquement à la main.
Une agence propose un contrat de maintenance WordPress avec un bilan trimestriel.
Grâce aux rapports de Bricks Health, elle peut présenter :
Ce rapport ne remplace pas un audit légal ou une certification, mais il rend visible la valeur de la maintenance technique et préventive.
Une agence construit tous ses sites avec Bricks Builder. Elle peut intégrer Bricks Health à son processus de livraison.
Exemple de workflow :
Dans ce contexte, Bricks Health ne remplace pas les autres étapes. Il réduit surtout le temps nécessaire pour repérer les problèmes de construction propres à Bricks.
Bricks Health est un plugin WordPress de contrôle qualité destiné aux sites créés avec Bricks Builder. Il analyse notamment le design, les classes globales, le responsive, la performance et certains critères d’accessibilité.
Oui. Une offre gratuite permet de scanner un nombre illimité de sites, sans clé de licence ni création de compte. Elle affiche le score global, les scores par audit, les comptes de problèmes et les résultats les plus graves par niveau de sévérité.
La version gratuite réalise le scan complet, mais ne révèle qu’une partie des détections. Les licences payantes donnent accès à tous les résultats, à tous les Smart Fixes disponibles, aux rapports clients et aux mises à jour automatiques.
Non, Bricks Health est conçu spécifiquement pour Bricks Builder. Il ne s’adresse pas aux sites créés avec Elementor, Divi, Gutenberg seul ou d’autres constructeurs de pages.
Non. Le plugin peut détecter certains problèmes automatisables liés aux WCAG 2.2, mais il ne peut pas certifier la conformité d’un site. De nombreux critères nécessitent une analyse humaine, notamment pour juger la pertinence des contenus et des interactions.
Oui, les Smart Fixes apportent des modifications lorsqu’ils sont appliqués. Le plugin annonce la création d’un instantané avant modification, une vérification du résultat et une fonction d’annulation. Malgré cela, il est recommandé de tester les corrections sur un environnement de préproduction lorsque le site est important ou complexe.
Selon l’éditeur, le plugin fonctionne dans l’administration WordPress et n’ajoute rien aux pages publiques. Il ne devrait donc pas affecter les ressources chargées par les visiteurs.
Non. Bricks Health complète ces outils. Il se concentre sur la qualité de construction d’un site dans Bricks Builder, tandis que PageSpeed Insights et GTmetrix analysent plus précisément la performance de chargement, les ressources réseau et les indicateurs web.
Bricks Health est un plugin WordPress intéressant pour les professionnels qui travaillent régulièrement avec Bricks Builder et souhaitent fiabiliser leur processus de contrôle qualité.
Son intérêt principal réside dans sa spécialisation : il ne se contente pas d’évaluer le rendu final d’une page, mais observe aussi la manière dont le site est construit dans Bricks. Analyse des classes, variables, composants, cohérence visuelle, défauts responsive, accessibilité et correctifs guidés forment un ensemble cohérent pour améliorer la qualité d’un projet avant sa livraison.
La formule gratuite permet de tester l’outil sérieusement sur un ou plusieurs sites. Les formules payantes deviennent pertinentes si vous avez besoin de l’ensemble des détections, des Smart Fixes et de rapports clients personnalisables.
Bricks Health ne doit pas être considéré comme un substitut à un audit humain d’accessibilité, à un contrôle des Core Web Vitals ou à une recette fonctionnelle complète. En revanche, comme outil de QA dédié à Bricks, il peut devenir une étape efficace de votre workflow WordPress.
Vous pouvez commencer par installer la version gratuite, lancer un scan complet et comparer les résultats avec votre propre check-list de livraison.
