Optimize Web Performance

curated by SkillMD · plugin · 9 skills

Install this pack to optimize web performance by measuring and fixing 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 addyosmani/browser-testing-with-devtools
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 jorcan/guides

⬇ Download

Skills in this plugin

▌
web-perf · cloudflare
Audits 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.

2.1k
repo stars
▌
performance-optimization · addyosmani
Measures application performance first, identifies bottlenecks, and applies targeted fixes for frontend and backend systems.

69.5k
repo stars
▌
benchmark · affaan-m
Measure performance baselines, detect regressions before and after PRs, and compare stack alternatives using browser, API, and build benchmarks.

226k
repo stars
▌
browser-testing-with-devtools · addyosmani
Tests and debugs web applications in real browsers using Chrome DevTools MCP, enabling DOM inspection, console error capture, network analysis, performance profiling, and visual verification with live runtime data.

69.5k
repo stars
▌
cwv-optimizer · adobe bundle
Diagnose 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.

142
repo stars
▌
perf · tinh2
Profiles 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.

13
repo stars
▌
frontend-web-performance · leandrobenjaminl
Optimiza 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.

0
repo stars
▌
seo · sakamoto-family-smile
Audits and improves search visibility through technical SEO, on-page optimization, structured data, Core Web Vitals, and content strategy.

0
repo stars
▌
guides · jorcan bundle
Optimizes Spline 3D scenes for web performance and mobile devices, covering file size checks, loading strategies, and Core Web Vitals.

0
repo stars