DevAudit est une extension d’outils développeur qui place un kit d’audit complet sur chaque page visitée. Au lieu de jongler entre onglets SEO, DevTools et apps PageSpeed, vous obtenez scoring SEO, métriques de performance, inspection design, captures et annotations dans une barre d’outils déplaçable.

Audit SEO – DevAudit note votre page de 0 à 100 sur cinq catégories : meta tags, structure de contenu, signaux techniques, partage social et performance. Vérifie title, meta description, canonical, robots, viewport, charset, H1, hiérarchie des titres, alt images, Open Graph, Twitter Card, JSON-LD, HTTPS, attribut lang, et fichiers robots.txt, sitemap.xml, security.txt, llms.txt, ads.txt. Export JSON ou rapport Markdown.

Core Web Vitals – La performance est mesurée sur la page live, pas en simulation labo. DevAudit suit LCP, CLS et INP ainsi que TTFB. La répartition du poids de page détaille JavaScript, CSS, images et polices.

Outils d’inspection – Meta Checker affiche chaque balise meta inline. Headings construit un plan H1–H6. Links compte les liens internes et externes. Images liste les alt manquants. Element Inspector surligne l’élément avec sélecteur CSS et dimensions. CSS Outline dessine le box model. Font Inspector identifie les polices. Dimension mesure en px ou rem.

Pipette couleur – Utilise l’API EyeDropper native avec repli au survol. Historique des couleurs pour réutiliser les échantillons en session.

Captures & annotations – Capture pleine page ou sélection rectangulaire, notes, copier ou enregistrer. Annotations : épingles sur la page avec tags Bug, Feature, Idea, Review ou Note – édition inline et historique dans la barre et le popup.

Historique & export – Tous les audits, captures, couleurs et annotations sont stockés localement et accessibles depuis le popup ou la barre. Export JSON ou rapport Markdown complet pour l’équipe.