Laravel Vitals v1.0
Star 3 Install
Changelog

Releases

Versioniert mit Semver. Die 1.x-Linie erhält nur nicht-brechende Änderungen — brechende Änderungen kommen in 2.x mit einem Migrationsleitfaden. Abonniere den RSS-Feed oder beobachte die GitHub-Releases.

stabil
v1.0.0
22. Mai 2026

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.