web-performance-optimization
Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance
By sickn33 · 2,830 installs
npx skills add sickn33/agentic-awesome-skills --skill web-performance-optimization
Source repository · Upstream listing
Web Performance Optimization
Detailed Guide
Read [the detailed guide](references/detailed guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end to end work, read the guide completely.
When to Use This Skill
Use when website or app is loading slowly
Use when optimizing for Core Web Vitals (LCP, FID, CLS)
Use when reducing JavaScript bundle size
Use when improving Time to Interactive (TTI)
Use when optimizing images and assets
Use when implementing caching strategies
Use when debugging performance bottlenecks
Use when preparing for performance audits
Examples
Example 1: Optimizing Core Web Vitals
Example 2: Reducing JavaScript Bundle Size
Example 3: Image Optimization Strategy
Limitations
Use this skill only when the task clearly matches the scope described above.
Do not treat the output as a substitute for environment specific validation, testing, or expert review.
Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.