Optimize for Core Web Vitals
performanceskillsetup L2★211
plugin87/ux-ui-agent-skills ↗What it does
Optimize Core Web Vitals via loading, code-split, and animation strategies
Best for
Hitting Core Web Vitals targets (LCP ≤ 2.5s, INP ≤ 200ms, CLS ≤ 0.1) on low-end mobile.
Inputs
- · Lighthouse report
- · LCP/INP/CLS field data
- · component tree
Outputs
- · loading strategy plan
- · code-split map
- · layout-shift fixes
- · animation rule checklist
Requires
- · Lighthouse
- · WebPageTest or Chrome DevTools throttling
Preconditions
Site live or locally runnable, performance budgets defined in workflows/performance.md
Failure modes
Measurements taken on fast network without slow-4G throttle, layout shifts remain after fixes
Trust signals
- · Measurements on mid-tier mobile with slow-4G and 4× CPU throttle
- · no non-transform animations