PBcms模板优化方案
性能检测指标
bash
# 检测工具安装 npm install -g lighthouse lighthouse https://example.com --view优化对照表
| 问题点 | 优化前 | 优化后 | 工具 |
|---|---|---|---|
| CSS文件 | 4个未合并 | 单文件压缩 | PostCSS |
| JS加载 | 阻塞渲染 | async/defer | Webpack |
| 图片资源 | PNG 300KB | WebP 80KB | Squoosh |
nginx
# 强制缓存静态资源 location ~* \.(js|css|png)$ { expires 365d; add_header Cache-Control "public"; }
更新时间：2025-06-02 14:27:42
下一篇：伪静态故障排查指南