Entwicklung
Performance Optimizer
Konkrete Web-Performance-Optimierungen mit Fokus auf Core Web Vitals und Lighthouse-Metriken
Dieser Skill liefert einem Agenten fundiertes Wissen zur Optimierung der Ladegeschwindigkeit und Laufzeit-Performance von Webseiten, orientiert an Lighthouse-Audits und Core Web Vitals. Abgedeckt werden kritische Bereiche wie Rendering-Pfad, Bild- und Font-Optimierung, JavaScript-Splitting, Caching-Strategien sowie Service-Worker-Patterns. Zu jedem Thema gibt es konkrete Code-Beispiele, Performance-Budgets als Richtwerte und eine klare Priorisierung nach Wirkung auf LCP, TBT und weitere Kernmetriken.
Neben klassischen Techniken wie Preloading, Lazy Loading und Tree Shaking behandelt der Skill auch aktuellere Web-Plattform-Features wie die Speculation Rules API für Prerendering, HTTP 103 Early Hints sowie die View Transitions API für flüssige Navigationsübergänge. Damit eignet er sich für Entwickler und Teams, die systematisch Ladezeiten reduzieren, Lighthouse-Scores verbessern oder gezielt einzelne Core-Web-Vitals-Probleme beheben wollen. Der Skill besteht ausschließlich aus einer strukturierten Anleitung ohne ausführbare Skripte.
FAQ
Häufige Fragen zu Performance Optimizer
- Was genau macht dieser Skill mit dem Agenten - führt er Optimierungen automatisch aus?
- Nein, der Skill besteht ausschließlich aus einer strukturierten Wissensbasis ohne ausführbare Skripte. Er liefert dem Agenten Fachwissen, Code-Beispiele und Priorisierungslogik zu Core Web Vitals, die der Agent dann auf konkreten Code anwendet.
- Für welche Art von Projekten oder Tech-Stacks eignet sich der Skill?
- Der Skill ist technologieunabhängig aufgebaut und deckt allgemeine Web-Performance-Themen wie Rendering-Pfad, Bild-/Font-Optimierung, JavaScript-Splitting und Caching ab. Er richtet sich an Entwickler und Teams, die Lighthouse-Scores verbessern oder gezielt LCP-, TBT- oder andere Core-Web-Vitals-Probleme angehen wollen, unabhängig vom konkreten Framework.
- Deckt der Skill auch neuere Browser-APIs ab oder nur klassische Optimierungstechniken?
- Neben etablierten Techniken wie Preloading, Lazy Loading und Tree Shaking behandelt der Skill auch aktuellere Web-Plattform-Features wie die Speculation Rules API für Prerendering, HTTP 103 Early Hints und die View Transitions API. Damit deckt er sowohl bewährte als auch neuere Ansätze zur Ladezeit- und Übergangsoptimierung ab.