大体积照片对WordPress的性能影响
超标的文件大小会拖慢网页响应,降低 LCP 得分。可访问 Google Web Developers 以及 WordPress 官方优化建议 学习优化方法。建议在本地使用 压缩图片 提前缩小体积,而非依赖繁重的插件。
无损优化三步走
- 改变尺寸: 使用 调整图片大小 将大图修改为网页容器标准宽度(如 800px 至 1200px)。
- 转换格式: 使用 转换图片格式 改存为 WebP 格式。在 MDN Web Docs 查询 WebP 支持情况。
- 压缩大小: 进行最后一步体积缩减。
推荐网页图片标准
| 位置 | 最大宽度 | 目标大小 |
|---|---|---|
| 主图横幅 | 1200 px | 100 KB 以下 |
| 博文配图 | 800 px | 60 KB 以下 |
