CommunityCodierung & Entwicklunggithub.com

addyosmani/core-web-vitals

Optimieren Sie Core Web Vitals (LCP, INP, CLS) für eine bessere Seitenerfahrung und Suchrankings. Verwenden Sie dies, wenn Sie aufgefordert werden, "Core Web Vitals verbessern", "LCP beheben", "CLS reduzieren", "INP optimieren", "Seitenerfahrung optimieren" oder "Layoutverschiebungen beheben".

Was ist core-web-vitals?

Diese Fähigkeit ermöglicht es einem KI-Agenten, Webseiten zu analysieren und zu optimieren, um die Core Web Vitals zu verbessern – Metriken, die von Google für die Benutzererfahrung und das Suchranking verwendet werden. Sie deckt die drei Hauptmetriken ab: Largest Contentful Paint (LCP) für die Ladegeschwindigkeit, Cumulative Layout Shift (CLS) für visuelle Stabilität und Interaction to Next Paint (INP) für die Reaktionsfähigkeit bei Interaktionen. Der Agent kann typische Probleme wie langsame Serverantwortzeiten, nicht optimierte Bilder, Renderblockierung durch JavaScript und CSS sowie Layoutverschiebungen durch dynamische Inhalte identifizieren und beheben. Die Fähigkeit unterstützt gängige Entwicklungsumgebungen wie Claude Code, Cursor und Codex und bietet konkrete Optimierungsvorschläge sowie Code-Refaktorierungen, um die Metriken zu verbessern.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/addyosmani/web-quality-skills/tree/main/skills/core-web-vitals

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht core-web-vitals?

Optimieren Sie Core Web Vitals (LCP, INP, CLS) für eine bessere Seitenerfahrung und Suchrankings. Verwenden Sie dies, wenn Sie aufgefordert werden, "Core Web Vitals verbessern", "LCP beheben", "CLS reduzieren", "INP optimieren", "Seitenerfahrung optimieren" oder "Layoutverschiebungen beheben".

Individual skills in this repo

This repo contains 5 individual skills — each has its own dedicated page.

Verwandte Skills