performance-optimization

Web-Performance nach Core Web Vitals (LCP/INP/CLS), 50+ Anti-Patterns

Für wen: Frontend-/Fullstack-Teams

So nutzt du es

Inhalt als .github/copilot-instructions.md ins Repository legen (bzw. unter .github/instructions/ für mehrere Dateien). GitHub Copilot berücksichtigt die Anweisungen dann in Chat und Code-Vorschlägen für dieses Repository.

Im Detail

Dieses Regelwerk bündelt über 50 dokumentierte Performance-Anti-Pattern für moderne Webanwendungen, jeweils mit Schweregrad (CRITICAL/IMPORTANT/SUGGESTION), Erkennungsmethode und konkretem Korrekturbeispiel. Im Zentrum stehen die drei Core Web Vitals: Largest Contentful Paint, Interaction to Next Paint und Cumulative Layout Shift, jeweils mit klaren Schwellenwerten für gut, verbesserungswürdig und schlecht. Anders als generische Performance-Tipps liefert es framework-spezifische Fixes, was es besonders für Teams nützlich macht, die Next.js, Vue oder ähnliche Stacks einsetzen und Performance-Reviews systematisch statt ad hoc durchführen wollen. Sinnvoll als Checkliste vor jedem Merge, weniger als einmalige Lektüre.

Praxis-Tipp

Binden Sie die Regel projektweit ein und lassen Sie kritische Verstöße, etwa ein blockierendes LCP-Bild ohne preload, automatisch vor dem Merge auffallen.

Siehe auch

• security-and-owasp
• code-review-generic
• nextjs-tailwind

Lizenz & Quelle

• Lizenz: MIT
• Quelle: github.com/github/awesome-copilot

Lade …