Première version stable
Dashboard d'audit de performance natif Laravel, sur Livewire 4 + Flux Free 2 + Tailwind 4. Compatible Laravel 11 / 12 / 13.
Drivers d'audit
- · Audits Lighthouse avec quatre drivers interchangeables (local, playwright, pagespeed, stub). Chacun renvoie les scores Performance / Accessibilité / Bonnes pratiques / SEO et les valeurs brutes (LCP, INP, CLS, TTFB, FCP, TBT, Speed Index).
- · Télémétrie backend — requêtes, temps de requêtes, suspicion N+1, pic mémoire, vues rendues, jobs dispatchés, événements déclenchés, hits/misses de cache. Échantillonnée via un en-tête X-Vitals-Audit-Id signé : votre trafic de prod n'est jamais affecté.
- · Analyse de code — des analyseurs statiques rattachent un fichier:ligne exact aux findings Lighthouse en lisant vos vues Blade, votre config Vite et votre composer.json.
Pages du dashboard
- · /vitals — vue d'ensemble avec sparklines de tendances sur toutes les URLs surveillées.
- · /vitals/urls et /vitals/urls/{id} — détail par URL avec historique des audits, scores moyens, filtre de période et bascule de métriques.
- · /vitals/audits/{id} — détail complet de l'audit avec jauges, cartes Core Web Vitals, décomposition front ↔ back, recommandations colorées par sévérité.
- · /vitals/issues — top issues, régressions et toutes les recommandations groupées par clé d'audit.
- · /vitals/seo — vue SEO multi-URL avec détail des contrôles personnalisés et filtre par catégorie.
- · /vitals/rum — Real User Monitoring avec attribution INP (élément + type d'événement).
- · /vitals/queries — baselines de requêtes par route avec détection N+1 et patterns SQL répétés.
- · /vitals/learn — base de connaissances de chaque problème détectable, parcourable par catégorie avec extraits de code.
- · /vitals/budgets — seuils par métrique avec historique des violations.
- · Spotlight (Cmd/Ctrl+K) — recherche globale dans audits, URLs, recommandations et entrées learn.
Sous-système de contrôles SEO
- · 22 contrôles alignés sur les bonnes pratiques Google 2026 — Configuration (3), Contenu (5), Métadonnées (7), Performance (7).
- · L'accesseur Audit::vitals_seo_score combine le SEO Lighthouse (50%) avec le taux de réussite pondéré des contrôles personnalisés (50%) — un score 0–100 plus exigeant.
Real User Monitoring
- · Directive Blade @vitalsRum — légère (~11 Ko, ~4 Ko gzip), basée sur web-vitals v4 avec données d'attribution.
- · Respect de la vie privée : aucune IP stockée, aucune empreinte numérique.
- · Attribution INP : on extrait le sélecteur cible et le type d'événement de l'interaction la plus lente — vous corrigez le bon élément du premier coup.
Confort développeur
- · Ouvrir dans l'éditeur — 11 éditeurs supportés (VSCode, Cursor, PHPStorm, IntelliJ IDEA, Sublime Text, Atom, TextMate, MacVim, Emacs, Nova, Zed). Template custom via VITALS_EDITOR_URL_TEMPLATE.
- · API JSON v1 — /vitals/api/v1/{audits,urls,recommendations} avec pagination, filtres par date, et accès protégé par la Gate viewVitals.
- · Seeder de démo — php artisan vitals:demo remplit des données synthétiques pour explorer le dashboard avant le moindre audit réel.
Notifications
- · Canaux email + Slack pour Régression détectée et Budget dépassé.
- · Les messages Slack sont threadés par URL — les régressions suivantes répondent au message d'origine.
i18n
- · Interface complète en EN, FR, DE, ES — ~1 100 chaînes couvrant pages, composants, recommandations, titres/descriptions/hints des contrôles SEO et tooltips.
Thème
- · Palette OKLCH native avec accent rose et échelle de gris neutres teintés.
- · Geist Sans + Geist Mono auto-hébergés via @fontsource-variable.
- · Modes clair + sombre pilotés par une classe .dark sur <html>, mémorisés via le bouton de la navbar.
Tests
- · 550+ tests Pest (unit + feature + integration) sur les pipelines d'audit, les contrôles SEO, les composants Livewire, l'API JSON, les notifications, la capture de télémétrie et l'évaluation des budgets. PHPStan level max, aucune baseline.