性能优化实战记录

performance-analyze --run

性能优化是持续的过程，而非一次性任务。

关指标

Core Web Vitals

• LCP < 2.5s：最大内容渲染时间
• FID < 100ms：首次输入延迟
• CLS < 0.1：累积布局偏移

优化策略

[!tip] 图片优化 使用 WebP 格式，配合懒加载策略。

资源加载

// 预加载关键资源
<link rel="preload" href="critical.css" as="style">

代码分割

按路由拆分，减少首屏负载。

[!warning] 注意 过度优化可能导致维护成本上升。

实战案例

本博客优化措施：

• 静态生成：零服务器延迟
• 图片增强：占位符 + 懒加载
• CSS 内联：关键样式优先

PERFORMANCE OPTIMIZED.