今天一朋友给笔者说他网站用Avada搭建的,服务器用的siteground,他升级主题版本和设置缩略图尺寸后网站上面的一些图片不显示了。
笔者给他看了下,问题出在图片延迟加载功能上面,只需要关闭掉就解决了。
这个延迟图片加载功能就是上一篇怎么使用SG Optimizer优化SiteGround上面的网站速度里面讲到的。
开启后和某些主题的代码可能有兼容问题,所以直接关闭就可以了。
问题排查定位:为什么图片不显示?
在 SiteGround 主机上使用 Avada 主题搭建外贸或企业展示网站时,常会出现“前台所有图片只显示白色占位框,但在编辑后台却正常可见”的异常现象。
经过排查,该故障是由 SiteGround Optimizer 插件与 Avada 主题自带的 Lazy Load(图片懒加载)功能发生冲突 导致的。两者在解析 DOM 时均向 <img> 标签注入 data-src 并拦截默认 src,造成 JavaScript 懒加载触发器死锁,图片无法正常触发下载。
标准排查与解决步骤
方案一:关闭 SiteGround Optimizer 的图片懒加载(首选)
- 登录 WordPress 控制台,在左侧导航栏点击进入 【SG Optimizer】 配置面板。
- 切换到 【Media】(媒体优化) 选项卡。
- 找到 “Lazy Load Media”(媒体懒加载)选项,将其开关由开启切换为 关闭(OFF)。
- 点击顶部“Purge SG Cache”彻底刷新服务器内存级动态缓存。
方案二:关闭 Avada 主题自带的图片懒加载
若更希望保留 SG Optimizer 的全局优化能力,可选择关闭 Avada 的内置功能:
- 点击左侧菜单 【Avada】→【Options】(主题全局设置)。
- 搜索或进入 【Performance】(性能优化) 子页面。
- 将 “Lazy Loading” 选项设置为 “Off” 并保存设置。
- 强制刷新浏览器缓存,图片即可立刻恢复正常秒开显示。
