WordPress图片优化指南

1. 先说说为啥要折腾图片。你传个5MB的照片上去，网页加载时就像老牛拉破车，用户直接叉掉页面走人了。WordPress自己虽然能压缩，但效果就像把可乐摇一摇再开盖——炸得到处都是，画质可能崩得亲妈都不认识。

2. 动手前先备份！用FTP或者cPanel把wp-content/uploads里的老图拖到本地，别问我为什么强调这个（笑）。接着装个Smush插件，这玩意儿能批量压缩已上传的图片，配置里勾上“保留EXIF数据”和延迟加载，代码层面它会自动往functions.php注入这种逻辑：

add_filter('wp_generate_attachment_metadata', 'smush_handle_upload', 10, 2);

3. 格式选择很重要。别再用PNG存照片了，WebP才是现代浏览器的亲儿子。在.htaccess里塞这段代码，让服务器自动转换：

<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>

4. 缩略图机制其实挺浪费的。WordPress默认会生成6种尺寸的图片，比如medium_large、thumbnail什么的。到后台设置→媒体里把用不上的尺寸全设为0，然后扔这段代码到functions.php禁用多余生成：

add_action('init', function() {
  remove_image_size('1536x1536');
  remove_image_size('2048x2048');
});

5. CDN加速不能少。如果用着Jetpack或者第三方CDN，记得把图片域名替换成加速地址，比如用这类代码实现域名替换：

add_filter('wp_get_attachment_url', 'set_cdn_domain');
function set_cdn_domain($url) {
  return str_replace('yourdomain.com', 'cdn.yourdomain.com', $url);
}

6. 最后别忘了懒加载。WordPress 5.5之后自带这功能，但如果你用的老主题，可以手动加个jQuery代码盯住图片滚动加载：

jQuery(document).ready(function($) {
  $('img').lazyload({
    effect: 'fadeIn',
    threshold: 200
  });
});

总之别让图片拖垮网站，用户等着看内容呢不是看转圈动画的。

Tags：

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