iOS设备上的Safari正在加载损坏的图像 - Wordpress网站

Question

有问题的图片是JPEG格式，我已将它们缩小到较小的尺寸（30kb）。有问题的wordpress网站是响应式的，当我使用移动网络加载网站时就会出现此问题。无线方面，它没有问题，但在3G / 4G上，随机加载的图像，一些已损坏，图像交换位置，所以所有css和js似乎搞砸了。我使用W3缓存来提高速度，但没有任何帮助。有些图像是半灰色，黑色，有时看起来有点破损。这只发生在带有safari浏览器的iOS设备上。

其他人遇到同样的问题？在有线，无线的桌面上，我从未遇到过这个问题。

不确定它是否与数据库或服务器的整体站点性能有关。非常感谢任何帮助。

Answer 1

在支持我们的WordPress客户端时，我已经遇到过这样的问题数十次这种行为有两个一般原因：

1. 您正在使用您在问题中未提及的某些CDN（内容分发网络），并且不同的CDN服务器会输出不同的网站缓存版本。如果您正在使用CDN，请尝试清除本地插件的缓存，禁用本地插件并清除CDN缓存。
2. 有时图像缩略图可能已损坏，但它们仍然存在。尝试安装＆＃34; Force Regenerate Thumbnails＆＃34;插件并重新生成所有缩略图。

虽然上述两个原因最常见，但问题本身也可能与其他内容有关，例如，使用某些特定插件。对于这种情况，暂时停用插件并查看问题是否已解决可能是个好主意。

如果其中任何一个没有帮助，它将需要一些调试工作，所以聘请一些WordPress开发人员大约一个小时来解决这个问题可能是一个好主意。

祝你好运！

Answer 2

如果您有权使用Mac + Safari浏览器，则可以尝试远程调试iOS设备。如果执行此操作，则可以打开设备的开发人员工具栏，以便可以查看信息是否正在实际加载中。即。如果在桌面站点上混乱的映像为300k，但iOS设备正在加载30k映像，则您会知道丢失数据。

我还没有看到这个特定的问题，但是由于CDN链接错误，缓存插件和图像的延迟加载，我也出现了类似的问题。

要查找的另一条注释是主题/模板/插件是否使用src集。正常的图像版本可能不错，但是用于移动设备的srcset中的图像都被弄乱了。

如上所述，完全禁用w3缓存以解决不是问题。然后看一下插件。