我们有一个包含 20 个 .svg 图片的页面。对于我们测试过的所有设备，页面在第一次加载时呈现完全正常，但特别是对于 iPhone 6 和 iPhone 6 Plus，一旦我们将页面滚动到底部或顶部，图像会很快消失，重新渲染需要时间我尝试了几种不同的解决方案，但它们似乎都不起作用。非常感谢您的帮助。
我遇到问题的页面：https://transform.makeen.io/forms
来自 iPhone 6 的视频：
来自 iPhone 8 的视频：
谢谢
【问题讨论】：
标签： ios wordpress image-rendering
这可能与loading="lazy" 有关。由于 Wordpress 5.5 默认情况下 loading="lazy" 应用于图像，因为它已成为本机浏览器行为。
我们可以通过在您的function.php 中使用此过滤器wp_lazy_loading_enabled 挂钩过滤器来禁用此本机行为。
add_filter( 'wp_lazy_loading_enabled', '__return_false' );
根据Can I Use，对属性loading="lazy" 的支持仍然只有72.72% 的全局。
| IE | Edge | Firefox | Chrome | Safari | IOS Safari |
|---|---|---|---|---|---|
| Not Supported | Supported | Partial Support | Supported | Not Supported but can be enabled | Not Supported but can be enabled |
你可以看到IOS默认不支持它，这可能会导致一些加载问题。
如果您继续这样做，我建议您切换回老式的延迟加载方法或页面转换加载器。
【讨论】：