Web Performance Audit and Optimize
curated by SkillMD · plugin · 9 skills
Measure performance, identify bottlenecks, and apply fixes to improve Core Web Vitals.
Install the whole plugin (CLI)
npx skillmds add cloudflare/web-perf
npx skillmds add addyosmani/performance-optimization
npx skillmds add affaan-m/benchmark
npx skillmds add adobe/cwv-optimizer
npx skillmds add tinh2/perf
npx skillmds add leandrobenjaminl/frontend-web-performance
npx skillmds add sakamoto-family-smile/seo
npx skillmds add scoheart/vercel-react-best-practices
npx skillmds add mhassan0000/benchmarkSkills in this plugin
- ▌ web-perf · cloudflareAudits web performance by measuring Core Web Vitals (LCP, INP, CLS) and supplementary metrics, identifying render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps using Chrome DevTools MCP.
- ▌ performance-optimization · addyosmaniMeasures application performance first, identifies bottlenecks, and applies targeted fixes for frontend and backend systems.
- ▌ benchmark · affaan-mMeasure performance baselines, detect regressions before and after PRs, and compare stack alternatives using browser, API, and build benchmarks.
- ▌ cwv-optimizer · adobe bundleDiagnose and fix Core Web Vitals issues on AEM Edge Delivery Services pages using EDS-specific domain knowledge, including the 100KB LCP budget, E-L-D loading phases, block rendering behavior, and third-party script impact. Produces specific fixes for LCP, CLS, and INP with before/after projections.
- ▌ perf · tinh2Profiles application performance across database queries, API call chains, memory usage, bundle sizes, network waterfalls, and frontend rendering, then produces ranked optimization recommendations with estimated impact.
- ▌ frontend-web-performance · leandrobenjaminlOptimiza el rendimiento web midiendo Core Web Vitals, analizando el bundle y aplicando mejoras como lazy loading, code splitting y optimización de imágenes y fuentes.
- ▌ seo · sakamoto-family-smileAudits and improves search visibility through technical SEO, on-page optimization, structured data, Core Web Vitals, and content strategy.
- ▌ vercel-react-best-practices · scoheart bundleOptimizes React and Next.js performance with 69 prioritized rules covering waterfalls, bundle size, server-side rendering, and re-rendering patterns.
- ▌ benchmark · mhassan0000Measures performance baselines, detects regressions before and after PRs, and compares stack alternatives.