WordPress如何优化图片加载

（一）
用WordPress搞网站嘛，图片一多加载就卡，用户等着急直接叉掉页面，这不行。其实呢，图片优化说白了就三件事：压缩、懒加载、用CDN。别想太复杂，咱一步步来。

（二）
先说说压缩。你上传一张图，WordPress默认会生成好几个尺寸——缩略图、中等图、大图，但原始文件太大还是拖速度。可以用插件像“Smush”或者“ShortPixel”，自动压缩图片但不影响画质。如果喜欢手动，就加这段到 functions.php 里，限制上传图片最大尺寸：

function max_image_size($file) {
    $size = $file['size'];
    if ($size > 500000) { // 限制500KB
        wp_die('图片太大，请压缩后再上传！');
    }
    return $file;
}
add_filter('wp_handle_upload_prefilter', 'max_image_size');

（三）
懒加载是啥？就是用户不往下滚，图片就先不加载。WordPress 5.5以后自带这功能，但如果主题没支持，可以自己加个插件比如“a3 Lazy Load”。或者写点代码进 header.php：

<script>
document.addEventListener("DOMContentLoaded", function() {
    var images = document.querySelectorAll('img');
    images.forEach(function(img) {
        img.setAttribute('loading', 'lazy');
    });
});
</script>

（四）
CDN（内容分发网络）是把图片扔到全球服务器上，用户从最近的地方加载。推荐用“Cloudflare”或“StackPath”，免费版就够用。安装插件“WP Offload Media”能自动把媒体库同步到CDN，替换链接。

（五）
最后格式问题。WebP格式比JPEG小30%，但部分浏览器不支持。可以用代码检测并切换：

function serve_webp($content) {
    if (strpos($_SERVER['HTTP_ACCEPT'], 'image/webp') !== false) {
        $content = str_replace('.jpg', '.webp', $content);
    }
    return $content;
}
add_filter('the_content', 'serve_webp');

（六）
总之嘛，优化图片不是玄学，压一压、懒一下、换条路（CDN），速度就上来了。别等搜索引擎降权了才想起来搞，现在动手正好。

Tags：

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