Erstes stabiles Release
Ein Laravel-natives Performance-Audit-Dashboard, gebaut auf Livewire 4 + Flux Free 2 + Tailwind 4, mit vollständiger Unterstützung für Laravel 11 / 12 / 13.
Audit-Treiber
- · Lighthouse-Audits mit vier austauschbaren Treibern (local, playwright, pagespeed, stub). Jeder gibt Performance- / Barrierefreiheits- / Best-Practices- / SEO-Scores sowie Rohmetrikwerte zurück (LCP, INP, CLS, TTFB, FCP, TBT, Speed Index).
- · Backend-Telemetrie — Anzahl der Queries, Query-Zeit, N+1-Verdacht, Spitzenspeicher, gerenderte Views, gestartete Jobs, ausgelöste Events, Cache-Hits/Misses. Gesampelt über einen signierten X-Vitals-Audit-Id-Header, sodass der Produktionsverkehr nie beeinträchtigt wird.
- · Code-Analyse — statische Scanner hängen genaue Datei:Zeile-Referenzen an Lighthouse-Befunde, indem sie Blade-Views, Vite-Konfiguration und composer.json lesen.
Oberflächen
- · /vitals — Übersicht mit Health-Snapshot und Sparkline-Trends für alle überwachten URLs.
- · /vitals/urls und /vitals/urls/{id} — URL-Detail mit Audit-Verlauf, Durchschnitts-Scores, Zeitraum-Filter und Metrik-Umschalter.
- · /vitals/audits/{id} — vollständiges Audit-Detail mit Score-Gauges, Core-Web-Vitals-Karten, Frontend ↔ Backend-Aufschlüsselung, schweregrad-gefärbten Empfehlungen.
- · /vitals/issues — Top-Issues, Regressionen und alle nach Audit-Key gruppierten Empfehlungen.
- · /vitals/seo — URL-übergreifende SEO-Übersicht mit individueller Prüfungsaufschlüsselung, am häufigsten fehlgeschlagenen Prüfungen und Kategoriefilter.
- · /vitals/rum — Real User Monitoring mit INP-Zuordnung (Element + Ereignistyp).
- · /vitals/queries — Query-Baselines pro Route mit N+1-Surfacing und wiederholten SQL-Mustern.
- · /vitals/learn — Wissensdatenbank zu jedem erkennbaren Problem, durchsuchbar nach Kategorie mit Code-Snippets.
- · /vitals/budgets — Schwellenwerte pro Metrik mit Verletzungshistorie.
- · Spotlight (Cmd/Ctrl+K) — globale Suche über Audits, URLs, Empfehlungen und Learn-Einträge.
SEO-Prüfungs-Subsystem
- · 22 Prüfungen ausgerichtet an Googles Best Practices 2026 — Konfiguration (3), Inhalt (5), Metadaten (7), Performance (7).
- · Der Accessor Audit::vitals_seo_score mischt Lighthouse SEO (50%) mit der gewichteten Bestehensrate der individuellen Prüfungen (50%) und erzeugt einen strengeren 0–100-Score.
Real User Monitoring
- · Blade-Direktive @vitalsRum — leichtgewichtig (~11 KB, gzip ~4 KB), verwendet web-vitals v4 mit Attribution-Daten.
- · Datenschutzkonform: keine IP-Speicherung, kein Fingerprinting.
- · INP-Zuordnung: extrahiert den Ziel-Selektor + Ereignistyp der langsamsten Interaktion, damit du das richtige Element korrigieren kannst.
Entwicklerergonomie
- · Im Editor öffnen — 11 Editor-Presets (VSCode, Cursor, PHPStorm, IntelliJ IDEA, Sublime Text, Atom, TextMate, MacVim, Emacs, Nova, Zed). Benutzerdefinierte Templates via VITALS_EDITOR_URL_TEMPLATE.
- · JSON-API v1 — /vitals/api/v1/{audits,urls,recommendations} mit Paginierung, Datumsfilterung und durch viewVitals-Gate geschütztem Zugriff.
- · Demo-Seeder — php artisan vitals:demo befüllt synthetische Daten, sodass das Dashboard vor echten Audits erkundbar ist.
Benachrichtigungen
- · E-Mail- + Slack-Kanäle für die Ereignisse "Regression erkannt" und "Budget verletzt".
- · Slack-Nachrichten werden pro URL in Threads organisiert — nachfolgende Regressionen antworten auf den ursprünglichen Beitrag.
i18n
- · Vollständige Benutzeroberfläche in EN, FR, DE, ES — ~1 100 Übersetzungs-Strings über Seiten, Komponenten, Empfehlungen, SEO-Prüfungs-Titel/Beschreibungen/Hinweise und Tooltips.
Theme
- · OKLCH-native Palette mit Rose-Akzent und getönter neutraler Ink-Skala.
- · Self-hosted Geist Sans + Geist Mono via @fontsource-variable.
- · Hell- + Dunkelmodus gesteuert durch eine .dark-Klasse auf <html>, persistiert über den Navbar-Toggle.
Tests
- · 550+ Pest-Tests (Unit + Feature + Integration), die Audit-Pipelines, SEO-Prüfungen, Livewire-Komponenten, JSON-API, Benachrichtigungen, Telemetrie-Erfassung und Budget-Auswertung abdecken. PHPStan Level Max, keine Baseline.