ZBlogCMS 图片懒加载要怎么开启

学完这篇，你能在 10 分钟内给 ZBlogPHP 站点（1.7.x 版本）开启图片懒加载，并且知道怎么验证它真的生效了。

第一步：先确认版本和后台入口

打开 /zb_users/ 目录或后台首页右下角，确认版本是 ZBlogPHP 1.7.x（本文以 1.7.2 为例）。1.7 版本的后台是左侧竖排主菜单，依次是「首页 / 文章管理 / 分类管理 / 标签管理 / 评论管理 / 用户管理 / 媒体库 / 主题管理 / 插件管理 / 应用中心 / 网站设置 / 工具」。

懒加载有三种做法，按省事程度排序：主题自带开关 → 装插件 → 手改模板。建议从第一种试起。

第二步：先翻主题自带的开关（最省事）

这一步是看你现在用的主题有没有内置懒加载，很多国产 ZBlog 主题都做了。

路径：后台 → 主题管理 → 找到当前启用主题那张卡片 → 点卡片上的「设置」按钮（部分主题叫「主题配置」或「自定义」）。在设置页里找这几个关键词：「图片懒加载」「延迟加载」「Lazyload」「图片设置」。找到开关就打开，点最下方「保存设置」。

保存后必须清缓存：后台 → 工具 → 更新缓存，或者后台首页右上角的「清空缓存并重新编译模板」。不做这一步，改了什么都不会生效。

注意：主题设置保存后不生效，九成是缓存没清。ZBlogPHP 会把编译后的模板缓存放在 zb_users/cache/ 目录，只改设置不重编译等于没改。

第三步：装懒加载插件（最通用）

主题没这功能，就装插件。

路径：后台 → 应用中心 → 左侧「插件」→ 在搜索框输入「懒加载」→ 在结果列表里选一个下载量高、更新时间在近一年的，点「安装」→ 安装完成后到 后台 → 插件管理 → 找到刚装的插件 → 点「启用」。启用后同一行通常有「设置」链接，里面可以选作用于文章页、首页列表还是全站，以及占位图颜色。

注意：应用中心打不开或列表空白，通常是服务器禁用了 curl 扩展，或者 PHP 版本低于 7.0。先在后台 → 网站设置 → 全局设置里看一眼 PHP 版本，再让主机商开 curl。

注意：这类插件多数依赖 jQuery，如果你之前用插件把前台 jQuery 移除了，懒加载会直接报错不生效。两者只能留一个。

第四步：不用插件，手动加原生 loading="lazy"

不想装插件，可以用浏览器原生的懒加载属性，兼容 Chrome 77+、Edge 79+、Firefox 75+、Safari 15.4+，对百度收录也更友好。

用 FTP 或主机文件管理器打开 /zb_users/theme/你的主题ID/template/ 目录，重点看 index.php（首页）和 post-multi.php（列表页）。找到输出缩略图的 <img> 标签，在后面加上 loading="lazy"，比如：

<img src="{$article.Thumbs}" loading="lazy" alt="{$article.Title}">

保存文件，然后回后台 → 工具 → 更新缓存，重新打开前台页面。

注意：首屏第一张大图不要加 loading="lazy"，否则会拖慢首屏加载速度（LCP 指标变差），反而伤 SEO。只给首屏以下的图片加。

注意：如果模板里缩略图是 {$article.Thumbs} 这种直接输出整段 img 标签的写法，你没法在里面插属性，这种情况老老实实用插件，别硬改。

第五步：验证是否真的生效

打开前台文章列表页，按 F12 打开开发者工具 → 切到 Network 面板 → 点筛选栏的「Img」→ 按 F5 刷新 → 先别滚动，看请求列表里是不是只有首屏那几张图；然后往下滚动，图片请求才一条条冒出来，就说明生效了。

另一个更快的办法：在 Console 面板输入

document.querySelectorAll('img[loading="lazy"]').length

返回大于 0 的数字，说明页面里已经有启用原生懒加载的图片。

小结

• 优先顺序：主题设置开关 → 懒加载插件 → 手改模板加 loading="lazy"。
• 后台路径记牢：主题管理 →「设置」，插件走应用中心 →「插件」搜索。
• 改完必做一件事：工具 → 更新缓存（或清空缓存并重新编译模板）。
• 首屏第一张图别懒加载，会影响加载速度和 SEO。
• 插件依赖 jQuery，别和「移除 jQuery」的优化同时开。
• 验证看 F12 的 Network → Img，滚动才加载就是成功。