WordPress图片加载优化

1. 咱先唠唠WordPress里图片那点事儿。你传图的时候系统会自动生成好几个尺寸——缩略图、中等大小、大图什么的。这本来是好意，但传一张原图可能连带生成四五种尺寸，服务器空间就跟吹气球似的胀起来。解决办法嘛，要么在后台【设置-媒体】里把所有尺寸设置为0，要么直接在functions.php里加这段：

add_filter('intermediate_image_sizes_advanced', function($sizes) {
    return array_diff_key($sizes, [
        'medium' => true,
        'large' => true,
        'medium_large' => true
    ]);
});

2. 接着说说格式选择。JPG适合照片，PNG适合透明底图片，WebP嘛…这玩意儿压缩率高但兼容性差点意思。建议用这种双格式方案：在.htaccess里塞进自适应转换代码，浏览器支持WebP就喂WebP，不支持就fallback到老格式。

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{HTTP_ACCEPT} image/webp
  RewriteCond %{DOCUMENT_ROOT}/$1.webp -f
  RewriteRule ^(.*)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1]
</IfModule>

3. 懒加载现在根本不用插件了。WordPress 5.5之后直接给img标签加loading="lazy"属性就行，不过有些老主题可能需要手动唤醒。在functions.php里插这个钩子：

add_filter('wp_get_attachment_image_attributes', function($attr) {
    $attr['loading'] = 'lazy';
    $attr['decoding'] = 'async';
    return $attr;
});

4. CDN这事儿就像把图片副本撒到全世界各地。用WP Offload Media插件能把图片同步到云存储，但免费方案可以试试这段代码——把上传路径指向云存储地址：

define('UPLOADS', 'https://你的cdn域名/wp-content/uploads');

5. 最后来个组合拳：用image-optimizer-cli工具包批量压缩已有图片，配合WP-CLI命令一键处理媒体库：

find wp-content/uploads -name "*.jpg" -exec jpegoptim --max=80 {} \;
wp media regenerate --yes --only-missing

对了，别忘了在Nginx配置里开启gzip和brotli压缩，图片虽然已经是二进制格式了，但协议层压缩还能再啃掉一截传输体积。这些操作搞完，GTmetrix测试怎么也能少个两三秒加载时间。

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。