Performance
Skill Verifiziert AktivOptimieren Sie die Web-Performance für schnellere Ladezeiten und eine bessere Benutzererfahrung. Verwenden Sie dies, wenn Sie gefragt werden: „Beschleunigen Sie meine Website“, „Performance optimieren“, „Ladezeit reduzieren“, „langsames Laden beheben“, „Seitengeschwindigkeit verbessern“ oder „Performance-Audit durchführen“.
Optimieren Sie die Web-Performance für schnellere Ladezeiten und eine bessere Benutzererfahrung, indem Sie umsetzbare Einblicke und Codebeispiele basierend auf etablierten Best Practices bereitstellen.
Funktionen
- Identifizieren von Performance-Engpässen
- Optimieren des kritischen Rendering-Pfads
- Optimieren von Bildern und Schriftarten
- Implementieren von Caching-Strategien
- Verbessern der Laufzeit-Performance
Anwendungsfälle
- Verwenden Sie dies, wenn Sie gefragt werden: „Beschleunigen Sie meine Website“
- Verwenden Sie dies, wenn Sie gefragt werden: „Performance optimieren“
- Verwenden Sie dies, wenn Sie gefragt werden: „Ladezeit reduzieren“
- Verwenden Sie dies, wenn Sie gefragt werden: „langsames Laden beheben“
Nicht-Ziele
- Führt keine automatisierten Audits durch oder stellt direkte Lighthouse-Berichte bereit.
- Konzentriert sich nicht auf Backend-Performance oder serverseitige Optimierungen über die Antwortzeit hinaus.
- Umfasst keine spezifischen Konfigurationen von Build-Tools auf Framework-Ebene, über allgemeine Prinzipien hinaus.
Workflow
- Identifizieren von Performance-Engpässen in Code und Assets
- Priorisieren von Optimierungen nach Auswirkung auf Core Web Vitals
- Bereitstellen spezifischer Optimierungen mit Codebeispielen
- Messen der Verbesserung mit Vorher-/Nachher-Metriken
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add addyosmani/web-quality-skills/plugin install web-quality-skills@addy-web-quality-skillsQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Core Web Vitals
100Optimieren Sie Core Web Vitals (LCP, INP, CLS) für eine bessere Seitenerfahrung und ein besseres Suchranking. Verwenden Sie, wenn Sie aufgefordert werden, "Core Web Vitals zu verbessern", "LCP zu beheben", "CLS zu reduzieren", "INP zu optimieren", "Seiten-Erfahrungs-Optimierung" oder "Layout-Verschiebungen zu beheben".
Type Audit
100Typography-only audit covering font selection, type scale, readability, hierarchy, performance
Performance Analysis
100Comprehensive performance analysis, bottleneck detection, and optimization recommendations for Claude Flow swarms
MongoDB Connection Optimizer
100Optimieren Sie die Konfiguration von MongoDB-Clientverbindungen (Pools, Timeouts, Muster) für jede unterstützte Treibersprache. Verwenden Sie diese Fähigkeit, wenn Sie an Funktionen arbeiten/diese aktualisieren/überprüfen, die einen MongoDB-Client instanziieren oder konfigurieren (z. B. beim Aufruf von `connect()`), Verbindungspools konfigurieren, Verbindungsprobleme beheben (ECONNREFUSED, Timeouts, Pool-Erschöpfung), Leistungsprobleme im Zusammenhang mit Verbindungen optimieren. Dies schließt Szenarien wie das Erstellen von serverlosen Funktionen mit MongoDB, das Erstellen von API-Endpunkten, die MongoDB verwenden, die Optimierung von MongoDB-Anwendungen mit hohem Datenverkehr, das Erstellen von langlaufenden Aufgaben und Nebenläufigkeit oder das Debuggen von verbindungsbezogenen Fehlern ein.
Sql Optimization
100Universal SQL performance optimization assistant for comprehensive query tuning, indexing strategies, and database performance analysis across all SQL databases (MySQL, PostgreSQL, SQL Server, Oracle). Provides execution plan analysis, pagination optimization, batch operations, and performance monitoring guidance.
Performance Optimization
99Diagnose and fix web performance issues including Core Web Vitals (LCP, INP, CLS), bundle size, asset optimization, render performance, and runtime efficiency. Use this skill whenever the user wants to improve page speed, fix Core Web Vitals, optimize assets, reduce bundle size, debug slow renders, or systematically improve a site's performance. Triggers on performance, page speed, Core Web Vitals, LCP, INP, CLS, FID, TTFB, bundle size, code splitting, image optimization, lazy loading, render blocking, slow page, performance audit, Lighthouse score. Also triggers when traffic or conversion is dropping due to perceived slowness.