Entwicklung
Web Performance Audit
Führt strukturierte Performance-Audits mit Chrome DevTools MCP durch, inkl. Core Web Vitals.
Dieser Skill leitet einen Agenten durch ein vollständiges Performance-Audit einer Webseite: Er nutzt den Chrome DevTools MCP-Server, um Traces aufzuzeichnen, Core Web Vitals wie LCP, INP und CLS zu messen und ergänzende Metriken wie FCP, TBT und Speed Index auszuwerten. Dabei werden render-blockierende Ressourcen, Netzwerk-Abhängigkeitsketten, Layout-Shifts, Caching-Probleme und grundlegende Accessibility-Lücken identifiziert. Feste Schwellenwerttabellen und ein fünfstufiger Workflow von Trace-Aufnahme bis Codebase-Analyse sorgen für ein reproduzierbares Vorgehen statt Ad-hoc-Einschätzungen.
Statt sich auf veraltetes Trainingswissen zu verlassen, verweist der Skill gezielt auf aktuelle Quellen wie web.dev und die offizielle Chrome-DevTools-Dokumentation für Schwellenwerte und Tooling-APIs. Er gibt außerdem klare Leitlinien vor: Befunde sollen quantifiziert, Optimierungen konkret benannt und Maßnahmen ohne messbaren Effekt nicht empfohlen werden. Damit eignet er sich für Entwicklerinnen und Entwickler, die Ladezeiten, Lighthouse-Scores oder allgemeine Seitenperformance systematisch debuggen und verbessern wollen.
FAQ
Häufige Fragen zu Web Performance Audit
- Was brauche ich, damit der Skill funktioniert?
- Der Skill benötigt einen laufenden Chrome DevTools MCP-Server, konkret das Paket chrome-devtools-mcp, das per npx in der MCP-Konfiguration eingebunden wird. Vor dem eigentlichen Audit prüft der Skill, ob MCP-Tools wie navigate_page verfügbar sind, und bricht sonst mit einer Anleitung zur Einrichtung ab.
- Ersetzt dieser Skill Lighthouse oder PageSpeed Insights?
- Nein, er nutzt teilweise dieselben Metriken und Schwellenwerte wie Lighthouse, arbeitet aber direkt über Chrome DevTools Traces und liefert einen geführten, mehrstufigen Analyseprozess statt eines einzelnen Scores. Er eignet sich eher als ergänzendes Debugging-Werkzeug für Agenten, nicht als Ersatz für bestehende Messtools.
- Funktioniert der Skill auch ohne Zugriff auf den Quellcode der Webseite?
- Ja, die Phasen 1 bis 4 (Trace-Aufnahme, Core Web Vitals, Netzwerkanalyse, Accessibility-Snapshot) laufen auch bei fremden Seiten ohne Codebase-Zugriff. Phase 5, die Codebase-Analyse zu Bundler, Tree-Shaking und Polyfills, wird laut Workflow bei Audits ohne Repository-Zugang übersprungen.
- Für wen ist dieser Skill gedacht und was kostet die Nutzung?
- Er richtet sich an Entwicklerinnen und Entwickler, die Ladezeiten, Lighthouse-Scores oder allgemeine Seitenperformance systematisch untersuchen wollen, gesteuert über einen Agenten mit MCP-Zugriff. Zu Kosten für die Installation macht das Listing keine Angabe; es handelt sich um einen über npx installierbaren Skill aus dem Cloudflare-Repository.