用途：该技能提供一套识别并修复 Web 应用性能瓶颈的完整框架，适用于页面加载缓慢（>3 秒）、Core Web Vitals 不达标、数据库查询或 API 响应缓慢、服务器成本过高、移动端体验差等场景。
主要能力：
- 性能测量：以 Core Web Vitals 为基线，包含 LCP（目标 <2.5 秒）、FID（目标 <100 毫秒）、CLS（目标 <0.1）、Time to Interactive（目标 <3 秒）、页面总重量（目标 <1MB）；工具包括 Lighthouse、WebPageTest.org、Chrome DevTools Performance 标签页、Real User Monitoring。
- 前端优化：图片响应式与 AVIF/WebP 格式、懒加载、基于路由的代码拆分（lazy + import）、defer 脚本、debounce、Web Worker、关键 CSS 内联、资源提示（preload、prefetch、dns-prefetch、preconnect）。
- 后端优化：数据库索引（如 CREATE INDEX idx_orders_user_id ON orders(user_id);）、EXPLAIN ANALYZE、避免 N+1 查询、Cache-aside 模式与 TTL 失效、响应压缩、游标分页、把重活移到后台队列。
- 性能分析与调试：浏览器 Performance/Network 面板查看长任务（>50ms）、主线程阻塞、布局抖动；Node.js 使用 node --prof、node --prof-process、npx clinic doctor -- node app.js、npx clinic flame -- node app.js、node --inspect。
- 性能预算与清单：为页面加载、静态资源、API 的 P50/P95/P99 设定预算表，并按前端、后端、监控三个维度输出检查清单。
使用方式：按工作流推进——先测量建立基线，再做前端优化、后端优化、Profiling 调试，最后设定性能预算与检查清单；也提供快速见效项（启用 compression、图片 loading="lazy"、加数据库索引、设置 Cache-Control、使用 CDN）。
适用场景：Web 应用性能改进、Core Web Vitals 修复、数据库与 API 响应优化、性能回归监控。
限制：资料未提供具体安装命令或该技能自身的运行方式；性能数值（LCP、FID、CLS、TTI、页面重量、API 延迟）为资料中给出的目标值，并非实际测量结果；相关技能引用为 /security-review、/database-schema、/devops-cicd；资料标注最后更新时间为 2026-01-22。