VPS主机与服务器★ 4.7 推荐评级

SiteGround上用Avada搭建的主题图片不显示问题排查

博主头像站长评测
发布于 2020/01/31(修订于 2025/09/28)原创独立站体系
SiteGround上用Avada搭建的主题图片不显示问题排查

今天一朋友给笔者说他网站用Avada搭建的,服务器用的siteground,他升级主题版本和设置缩略图尺寸后网站上面的一些图片不显示了。

笔者给他看了下,问题出在图片延迟加载功能上面,只需要关闭掉就解决了。

这个延迟图片加载功能就是上一篇怎么使用SG Optimizer优化SiteGround上面的网站速度里面讲到的。

开启后和某些主题的代码可能有兼容问题,所以直接关闭就可以了。

问题排查定位:为什么图片不显示?

在 SiteGround 主机上使用 Avada 主题搭建外贸或企业展示网站时,常会出现“前台所有图片只显示白色占位框,但在编辑后台却正常可见”的异常现象。 经过排查,该故障是由 SiteGround Optimizer 插件与 Avada 主题自带的 Lazy Load(图片懒加载)功能发生冲突 导致的。两者在解析 DOM 时均向 <img> 标签注入 data-src 并拦截默认 src,造成 JavaScript 懒加载触发器死锁,图片无法正常触发下载。

标准排查与解决步骤

方案一:关闭 SiteGround Optimizer 的图片懒加载(首选)

  1. 登录 WordPress 控制台,在左侧导航栏点击进入 【SG Optimizer】 配置面板。
  2. 切换到 【Media】(媒体优化) 选项卡。
  3. 找到 “Lazy Load Media”(媒体懒加载)选项,将其开关由开启切换为 关闭(OFF)。
  4. 点击顶部“Purge SG Cache”彻底刷新服务器内存级动态缓存。

方案二:关闭 Avada 主题自带的图片懒加载

若更希望保留 SG Optimizer 的全局优化能力,可选择关闭 Avada 的内置功能:

  1. 点击左侧菜单 【Avada】→【Options】(主题全局设置)。
  2. 搜索或进入 【Performance】(性能优化) 子页面。
  3. 将 “Lazy Loading” 选项设置为 “Off” 并保存设置。
  4. 强制刷新浏览器缓存,图片即可立刻恢复正常秒开显示。