performance-analyzer

CSS performance analysis identifies unused rules, selector complexity, and bundle size issues that slow page rendering. This Skill scans your stylesheets to pinpoint optimization opportunities across selector efficiency, render performance, and loading strategy, then delivers concrete steps to reduce file size and improve load time.

Critical CSS is the minimal set of styles needed to render above-the-fold content immediately. This Skill extracts critical CSS rules, recommends code-splitting and async loading strategies, and helps you prioritize styles to reduce first contentful paint and largest contentful paint metrics.

Yes. The Skill measures CSS bundle size, identifies unused rules and dead code, analyzes selector complexity, and reports on redundancy. It delivers actionable pruning recommendations to shrink bundle size and meet performance budgets across web projects.

CSS directly affects FCP, LCP, and CLS metrics. This Skill provides guidance to measure and optimize these performance indicators through bundle analysis, render performance tuning, and loading strategy recommendations, helping you meet performance budgets.

Inefficient selectors, render-blocking styles, and animation complexity degrade interactive performance and smoothness. This Skill analyzes selector efficiency and render performance to recommend optimizations that improve animation smoothness and reduce layout shift.