0

我们有一个包含 20 个 .svg 图像的页面。对于我们测试过的所有设备,页面在第一次加载时呈现完全正常,但特别是对于 iPhone 6 和 iPhone 6 Plus,一旦我们将页面滚动到底部或顶部,图像会很快消失,重新渲染需要时间我尝试了几种不同的解决方案,但它们似乎都不起作用。我真的很感激一些帮助。

我遇到问题的页面:https ://transform.makeen.io/forms

来自 iPhone 6 的视频:

https://youtu.be/XPQza2fDzjs

来自 iPhone 8 的视频:

https://youtu.be/OKbTUORQAG4

谢谢

4

1 回答 1

0

这可能是相关loading="lazy"的。5.5由于默认情况下Wordpressloading="lazy"应用于图像,因为它已成为本机浏览器行为。

我们可以通过wp_lazy_loading_enabled在您的function.php.

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

根据Can I Use对属性的支持loading="lazy"仍然只有一个全局72.72%.

IE 边缘 火狐 铬合金 苹果浏览器 IOS Safari
不支持 支持的 部分支持 支持的 不支持但可以启用 不支持但可以启用

如您所见,IOS 默认不支持它,这可能会导致一些加载问题。

如果您继续这样做,我建议切换回老式的延迟加载方法或页面转换加载器。


学到更多

于 2021-01-11T11:19:12.787 回答