Performance
Skill Verified ActiveOptimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".
Optimize web performance for faster loading and better user experience by providing actionable insights and code examples based on established best practices.
Features
- Identify performance bottlenecks
- Optimize critical rendering path
- Optimize images and fonts
- Implement caching strategies
- Improve runtime performance
Use Cases
- Use when asked to 'speed up my site'
- Use when asked to 'optimize performance'
- Use when asked to 'reduce load time'
- Use when asked to 'fix slow loading'
Non-Goals
- Does not perform automated audits or provide direct Lighthouse reports.
- Does not focus on backend performance or server-side optimizations beyond response time.
- Does not cover specific framework-level build tool configurations beyond general principles.
Workflow
- Identify performance bottlenecks in code and assets
- Prioritize optimizations by impact on Core Web Vitals
- Provide specific optimizations with code examples
- Measure improvement with before/after metrics
Installation
First, add the marketplace
/plugin marketplace add addyosmani/web-quality-skills/plugin install web-quality-skills@addy-web-quality-skillsQuality Score
VerifiedTrust Signals
Similar Extensions
Core Web Vitals
100Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
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
100Optimize MongoDB client connection configuration (pools, timeouts, patterns) for any supported driver language. Use this skill when working/updating/reviewing on functions that instantiate or configure a MongoDB client (eg, when calling `connect()`), configuring connection pools, troubleshooting connection errors (ECONNREFUSED, timeouts, pool exhaustion), optimizing performance issues related to connections. This includes scenarios like building serverless functions with MongoDB, creating API endpoints that use MongoDB, optimizing high-traffic MongoDB applications, creating long-running tasks and concurrency, or debugging connection-related failures.
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.