WordPress图片压缩与优化完全指南：让网站加载速度提升10倍的实用技巧

52JinY 助手

最近帮朋友整理他的WordPress博客，发现一个老问题还是困扰着很多站长——图片太大，页面加载慢，Google PageSpeed分数惨不忍睹。趁着这次整理的机会，我把自己这几年摸索出来的图片压缩和优化经验整理一下，分享给大家，希望对有同样困扰的朋友有用。

先说一个很多人忽视的前提：图片优化要从源头抓起。很多人习惯直接把相机拍出来的原图，动辄五六MB甚至十几MB，直接丢进WordPress后台上传。WordPress虽然会自动生成几个尺寸的缩略图，但原图还是原封不动地存在服务器上，而且如果你的主题哪天调用了原图，那个加载速度真的会让人崩溃。所以我的习惯是在上传之前，先用本地工具处理一遍。Mac上用ImageOptim，Windows上用RIOT或者Squoosh这个谷歌出的网页工具，一般来说，一张1MB以内、质量在75-85%之间的JPEG图，肉眼几乎看不出差别，但体积能比原图小70%以上。

然后是WordPress里的插件选择。我用过的方案里，Smush和ShortPixel是两个走完全不同路线的代表。Smush免费版可以批量压缩已上传的图片，对于小博客够用，但压缩率说实话比较保守。ShortPixel则是有损压缩做得很彻底，同样的图片压出来体积更小，免费额度每月100张，对于更新频繁的站点可能需要付费。我现在实际在用的是Imagify，压缩质量和速度都让我比较满意，免费版每月有25MB的额度，轻度博主基本够用。

格式这块也值得聊聊。WebP格式现在主流浏览器都支持了，同等画质下体积比JPEG小30%左右，比PNG更是省一大截。WordPress 5.8之后已经原生支持WebP上传，但并不会自动转换你现有的图片。如果想让网站自动输出WebP，ShortPixel和Imagify都有这个功能，也可以结合Cloudflare的Polish功能，在CDN层面自动转换，这对于已经用了CF的站点来说几乎是零成本的优化。

懒加载是另一个容易被忽略的点。WordPress 5.5开始就内置了原生懒加载，默认给img标签加了loading="lazy"属性，理论上不需要额外处理。但实际上，有些主题或者页面构建器会覆盖掉这个属性，导致懒加载失效，所以建议用PageSpeed Insights跑一遍，看看有没有"延迟加载屏幕外图片"这条建议还是红色的。如果有，检查一下你的主题是否对图片输出做了特殊处理。

还有一点是alt文本和图片尺寸声明，这个跟加载速度关系不大，但对SEO影响不小，顺带提一句。每张图片最好都填上有意义的alt描述，同时在代码层面明确声明width和height属性，可以减少页面布局抖动（CLS），这在Core Web Vitals评分里是会被计分的。

最后说一个比较实用的流程：上传前用Squoosh压缩一遍，格式选WebP或者JPEG，质量80%左右；上传后用Imagify做二次处理；开启CDN或者Cloudflare；定期跑一次PageSpeed检查有没有漏网之鱼。这套流程走下来，大多数博客的图片相关性能问题都能解决个八九成。图片优化这件事说难不难，难的是养成习惯，一旦形成肌肉记忆，其实并不费什么时间。

有什么其他方案或者遇到的坑，欢迎大家一起交流。