performance-profiling
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.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
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
SicherEvaluated 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.
Probleme mit hohem Risiko (2)
Probleme mit mittlerem Risiko (2)
Probleme mit niedrigem Risiko (1)
Qualitätsbewertung
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
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.
Erklären Sie mit der performance-profiling Skill, was Core Web Vitals (LCP, INP, CLS) messen und geben Sie Tipps zur Verbesserung jeder Kennzahl.
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?
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?
Muss ich Abhängigkeiten installieren?
Kann diese Skill lokale Websites profilieren?
Was sind Core Web Vitals?
Wie oft sollte ich Performance-Audits ausführen?
Was tun bei einem schlechten Performance-Score?
Entwicklerdetails
Autor
sickn33Lizenz
MIT
Repository
https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/performance-profilingRef
main
Dateistruktur