Fähigkeiten performance-profiling
📊

performance-profiling

Sicher

Web-Performance mit Lighthouse profilieren

Diese Skill hilft Entwicklern, die Performance ihrer Web-Anwendungen mit Lighthouse-Audits und Browser-Entwicklerools zu messen und zu optimieren. Sie bietet einen strukturierten Workflow zur Identifizierung von Engpässen und Verbesserung der Core Web Vitals Scores.

Unterstützt: Claude Codex Code(CC)
📊 71 Angemessen
1

Die Skill-ZIP herunterladen

2

In Claude hochladen

Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen

3

Einschalten und loslegen

Teste es

Verwendung von "performance-profiling". Lighthouse-Audit für meine Website ausführen

Erwartetes Ergebnis:

Performance Score: 78/100

Key Findings:
- LCP: 2,8s (Verbesserung erforderlich)
- CLS: 0,05 (Gut)
- INP: 180ms (Gut)

Empfehlungen:
1. Render-blocking Ressourcen eliminieren
2. Bilder korrekt dimensionieren
3. JavaScript-Ausführungszeit reduzieren

Verwendung von "performance-profiling". Was sind die Core Web Vitals Schwellenwerte?

Erwartetes Ergebnis:

Core Web Vitals Schwellenwerte:

| Kennzahl | Gut | Schlecht |
|-------|------|------|
| LCP | < 2,5s | > 4,0s |
| INP | < 200ms | > 500ms |
| CLS | < 0,1 | > 0,25 |

Sicherheitsaudit

Sicher
v1 • 2/24/2026

Evaluated 11 static security findings. All patterns detected are false positives. The subprocess.run call uses list arguments (not shell=True), preventing command injection. Temp file operations use the safe tempfile module. Documentation examples in SKILL.md are not executable code. The 'cryptographic algorithm' alerts were misidentified keywords. This is a legitimate performance profiling skill with no security concerns.

2
Gescannte Dateien
226
Analysierte Zeilen
5
befunde
1
Gesamtzahl Audits

Probleme mit hohem Risiko (2)

Subprocess Execution
subprocess.run called at line 22 to execute lighthouse CLI. Arguments passed as list (not shell=True), preventing command injection. User input (URL) is safely passed as direct argument.
Cryptographic Algorithm Detection
Scanner flagged 'measure, analyze, optimize' keywords as cryptographic algorithms. This is a false positive from keyword pattern matching.
Probleme mit mittlerem Risiko (2)
File System Operations
Temp file creation and cleanup using os module. Legitimate use for storing Lighthouse report output.
Documentation Shell Examples
Backtick syntax in documentation showing example commands. These are documentation, not executable code.
Probleme mit niedrigem Risiko (1)
Hardcoded URL in Documentation
URL string appears in docstring as usage example. Not actual network code.
Auditiert von: claude

Qualitätsbewertung

45
Architektur
100
Wartbarkeit
87
Inhalt
50
Community
73
Sicherheit
91
Spezifikationskonformität

Was du bauen kannst

Frontend-Entwickler optimiert Ladegeschwindigkeit

Ein Frontend-Entwickler möchte die Lade-Performance seiner Web-App verbessern. Er verwendet die Skill, um Lighthouse-Audits auszuführen, die größten Performance-Engpässe zu identifizieren und gezielte Optimierungen vorzunehmen.

DevOps-Ingenieur richtet CI-Performance-Checks ein

Ein DevOps-Ingenieur möchte automatisiertes Performance-Testing in seine CI/CD-Pipeline integrieren. Er verwendet das Lighthouse-Skript der Skill, um Audits bei jedem Deployment auszuführen und Builds zu scheitern, die unter Performance-Schwellenwerten fallen.

Full-Stack-Entwickler sucht Runtime-Probleme

Ein Full-Stack-Entwickler bemerkt langsame Interaktionen in seiner Web-App. Er verwendet die Skill, um die Runtime-Performance zu profilieren, Long Tasks zu identifizieren und Memory Leaks mit dem DevTools Memory Tab zu finden.

Probiere diese Prompts

Basis-Lighthouse-Audit
Führen Sie ein Lighthouse-Performance-Audit für https://example.com mit der performance-profiling Skill durch. Zeigen Sie mir den Performance-Score und die wichtigsten Empfehlungen.
Core Web Vitals analysieren
Erklären Sie mit der performance-profiling Skill, was Core Web Vitals (LCP, INP, CLS) messen und geben Sie Tipps zur Verbesserung jeder Kennzahl.
Bundle-Optimierungsanalyse
Wenden Sie die performance-profiling Skill an, um ein großes JavaScript-Bundle zu analysieren. Nach welchen häufigen Problemen sollte ich suchen und welche empfohlenen Optimierungsmaßnahmen gibt es?
Performance-Workflow-Implementierung
Helfen Sie mir mit dem 4-Schritte-Profiling-Workflow aus der performance-profiling Skill (BASELINE, IDENTIFY, FIX, VALIDATE), eine langsame Web-Anwendung zu optimieren. Beginnen Sie mit der Erstellung einer Baseline.

Bewährte Verfahren

  • Erstellen Sie immer eine Performance-Baseline, bevor Sie Änderungen vornehmen
  • Konzentrieren Sie sich zuerst auf den größten Engpass statt auf Mikro-Optimierungen
  • Validieren Sie Verbesserungen mit wiederholten Messungen, um Varianzen zu berücksichtigen

Vermeiden

  • Über Performance-Probleme raten, ohne vorher zu profilieren
  • Code optimieren, bevor der tatsächliche Engpass identifiziert wurde
  • Echte Nutzerdaten ignorieren und nur synthetische Tests verwenden

Häufig gestellte Fragen

Welche Tools verwendet diese Skill?
Diese Skill verwendet Lighthouse für Performance-Audits und Browser DevTools für Runtime-Profiling. Die Lighthouse CLI muss separat installiert werden.
Muss ich Abhängigkeiten installieren?
Ja, Sie müssen die Lighthouse CLI global installieren mit: npm install -g lighthouse
Kann diese Skill lokale Websites profilieren?
Ja, Sie können Lighthouse gegen localhost oder jeden lokal ausgeführten Entwicklungsserver ausführen.
Was sind Core Web Vitals?
Core Web Vitals sind Googles standardisierte Kennzahlen: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) und Cumulative Layout Shift (CLS).
Wie oft sollte ich Performance-Audits ausführen?
Führen Sie Audits während der Entwicklung, vor Deployments und regelmäßig in der Produktion mit Real User Monitoring (RUM) durch.
Was tun bei einem schlechten Performance-Score?
Verwenden Sie den 4-Schritte-Workflow: Baseline erstellen, größten Engpass identifizieren, eine gezielte Korrektur vornehmen, dann die Verbesserung validieren, bevor Sie zum nächsten Problem übergehen.

Entwicklerdetails

Dateistruktur