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

有问题的图像是JPEG，我已经把它们缩小到更小的尺寸（30kb）。所讨论的wordpress站点是响应性的，当我使用移动网络加载该站点时，就会发生此问题。通过无线方式，它没有问题，但在3G/4G上，图像随机加载，一些图像被破坏，图像交换位置，所以所有css和js看起来都一团糟。我使用W3缓存来提高速度，但没有任何帮助。有些图像是半灰色、黑色的，有时看起来会损坏。这仅在使用safari浏览器的iOS设备上发生

还有其他人面临同样的问题吗？在有线、无线的桌面上，我从来没有遇到过这个问题

---

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

在支持我们的WordPress客户的同时，我已经多次遇到这样的问题。出现这种行为有两个主要原因：

您正在使用一些您在问题中没有提到的CDN（内容交付网络），不同的CDN服务器输出不同的网站缓存版本。如果您正在使用CDN，请尝试清除本地插件的缓存，禁用本地插件并清除CDN缓存

有时图像缩略图可能已损坏，但它们仍然存在。尝试安装“”插件并重新生成所有缩略图

尽管上述两个原因是最常见的，但问题本身也可能与其他因素有关，例如，某个特定插件。在这种情况下，一个接一个地临时停用插件，看看问题是否得到解决，这可能是一个好主意

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

---

祝你好运

如果您可以访问mac+safari，您可以尝试远程调试iOS设备。如果您这样做，您可以打开设备的开发者工具栏，这样您就可以查看信息是否正在实际加载。例如，如果桌面站点上的混乱图像为300k，但iOS设备正在加载30k图像，则您会知道您正在某处丢失数据

我还没有看到这个具体的问题，但我也遇到过类似的问题，原因是坏的CDN链接、缓存插件和延迟加载图像

另一个需要注意的问题是，您的主题/模板/插件是否使用src集。可能您的普通版本的图像没有问题，但是移动版的srcset中的图像都是乱七八糟的

---

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

我今天遇到了同样的问题。清除移动浏览器缓存时，“问题图像”发生更改，不同的图像被交换或损坏。和你一样，我的问题在wifi上消失了。我们的静态测试由Akamai提供，因此服务器端速度不应成为问题。我们没有运行Wordpress，所以这也不是核心问题。这个问题是在运行iOS 8.1并通过4G通信的iPhone4S上发现的。wifi上的同一设备没有损坏/交换问题。显然这不是一个新的或不常见的问题：谢谢Brandon。我做了一些研究，发现在使用3g/4g服务的safari上加载ajax内容大小有一些限制。但我还没有找到解决办法。它影响到所有iOS设备，而不仅仅是iPhone 4S。如果您将Chrome应用程序作为浏览器而不是Safari，是否会发生这种情况？您是否尝试过使用Cloudinary之类的云图像优化解决方案？它将根据最适合浏览器的内容优化图像。如果这是一个图像大小的问题，这项服务肯定会有所帮助。我们在新闻网站的制作中使用它，它在页面加载性能方面做了惊人的事情，因为我们有这么多的图片。