Frontend Performance Optimization Knowledge Base

Relationship with perf-workflow

This skill is the knowledge layer for perf-workflow, which is the process layer; the two are used together.

perf-workflow stage	Frontend-specific content provided by this skill
Stage 1: Performance evidence	Quantitative baselines: RAIL / Web Vitals / Electron metric thresholds
Stage 2: Performance localization	Frontend bottleneck pattern table; render-pipeline localization rules
Stage 3: Performance hypothesis	Frontend-specific root causes (reflow / long tasks / IPC / leaks)
Stage 4: Performance monitoring	Applicable tools and instrumentation points
Stage 5: Performance optimization	Optimization priority reference (P0 → P1 → P2)
Stage 6: Performance verification	Pass criteria (LCP/INP/CLS/startup time)