Web Performance Optimization
Skill AktivOptimize web performance using Core Web Vitals, modern patterns (View Transitions, Speculation Rules), and framework-specific techniques
To equip users with the knowledge and strategies needed to significantly improve website performance, leading to better user experience, higher search engine rankings, and increased conversion rates.
Funktionen
- Detailed optimization strategies for Core Web Vitals (LCP, INP, CLS, TTFB, FCP, TBT)
- Guidance on modern performance patterns (View Transitions, Speculation Rules)
- Framework-specific optimization techniques (Next.js, React, Vue, Vite, Astro, SvelteKit)
- Backend, frontend, and infrastructure optimization advice
- Performance monitoring setup (Lighthouse CI, RUM) and debugging tools
Anwendungsfälle
- Improving Lighthouse scores and Core Web Vitals
- Reducing page load times and optimizing TTFB
- Implementing modern performance patterns like View Transitions
- Debugging performance bottlenecks across the stack
- Setting up continuous performance monitoring and budgets
Nicht-Ziele
- Providing direct code execution or modification
- Acting as a framework-specific tool itself
- Replacing dedicated performance monitoring services
Maintenance
- warning:Commit recencyThe last commit was over 3 months ago (April 15, 2026), indicating potential maintenance issues and a risk of staleness.
Trust
- warning:Issues Attention4 issues were opened in the last 90 days, but 0 were closed, indicating maintainers respond slowly or do not address open issues.
Versioning
- warning:Release ManagementNo version is declared in the SKILL.md frontmatter or manifests, and installation instructions reference 'main', making version pinning impossible.
Installation
npx skills add bobmatnyc/claude-mpm-skillsFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
Vertrauenssignale
Ähnliche Erweiterungen
Performance
99Optimieren 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“.
Netlify Frameworks
98Leitfaden für die Bereitstellung von Web-Frameworks auf Netlify. Verwenden Sie diesen Leitfaden beim Einrichten eines Framework-Projekts (Vite/React, Astro, TanStack Start, Next.js, Nuxt, SvelteKit, Remix) für die Netlify-Bereitstellung, beim Konfigurieren von Adaptern oder Plugins oder bei der Fehlerbehebung bei frameworkspezifischen Netlify-Integrationen. Erklärt, was Netlify von jedem Framework benötigt und wie Adapter Server-Side Rendering handhaben.
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".
Env Manager
99Environment variable validation, security scanning, and management for Next.js, Vite, React, and Node.js applications
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