perf-web-optimization

To reduce bundle size and improve web performance, you can apply code-splitting and bundle size reduction techniques. This Skill analyzes your frontend project to propose a prioritized plan targeting payload reduction and faster Time to Interactive.

Optimizing images and implementing lazy loading improves Lighthouse scores by deferring offscreen resources. This Skill proposes concrete changes like modern image formats and preloads tailored to your project to reduce layout shifts and speed up page loads.

Caching strategies improve web performance by storing assets locally to reduce server round-trips, directly lowering TTFB and improving Time to Interactive. This Skill identifies bottlenecks in your current caching setup and recommends targeted improvements.

This approach handles general web performance optimization like bundle size and caching, but does not cover Core Web Vitals-specific fixes. Use a dedicated Core Web Vitals Skill for targeted LCP, CLS, and INP metric debugging.

You cannot use this to run Lighthouse audits directly, as it focuses on proposing optimization techniques rather than executing audits. Use a dedicated Lighthouse audit Skill for running performance measurements and generating reports.