Performance Optimizer Skill

Improve Core Web Vitals by auditing web page load performance with Lighthouse CLI, extracting FCP, LCP, CLS, TTI, and TBT insights, and applying asset-by-asset optimization recommendations to reduce render-blocking resources and large assets.

Optimize images and fonts for LCP scores by generating srcset attributes, WebP compression recommendations, font subsetting, preload snippets, and font-display configurations to minimize asset delivery bottlenecks.

Reduce render-blocking CSS and JavaScript by inlining critical CSS, purging and minifying unused styles, implementing code-splitting, and applying defer or async attributes to script tags.

Yes, you can use this to optimize performance for static sites, React/Vue single-page applications, and server-rendered pages by analyzing images, CSS, JavaScript, fonts, and asset delivery specific to each framework.

Yes, you need Lighthouse and jq installed in your environment to execute CLI performance audits, parse the resulting JSON output, and extract the Core Web Vitals metrics required for generating optimization plans.

Verify web performance optimizations by following the provided verification plan, which compares before and after Lighthouse metrics to confirm that your image, CSS, and JavaScript improvements reached the target performance scores.