Safari iOS 9.1中网页应用加载速度缓慢。

Question

我们的Web应用程序在iOS 9.1上的Safari首次加载大约需要30秒。大部分可视化加载都按时发生，但HTTP请求约不能被处理30秒。我只能通过访问以下链接在iPad上复制此问题：http://tco.ekotrope.com/tco/?deployment=eko-dev&#community/default。由于缓存，我只能再次重现它一次。通过访问以下链接http://tco.ekotrope.com/tco/?deployment=eko-dev&#community/sunwood-bridgewater可以再次复现。

我尝试使用开发者工具网络标签进行调查，而iPad插入到Macbook中时页面加载得很快，我正在查看网络标签时也是如此，这很奇怪。有什么想法或进一步调查可以做些什么？谢谢！

- nick.sisler

---

我也遇到了这个问题，但是我注意到你发布的链接似乎不再有这个问题。你有没有找到解决这个问题的方法？ - Matt d'

看起来这个问题也影响iOS 9。 - Matt d'

我遇到了同样的问题，某些页面资源会停止大约30秒钟。 大多数情况下是CSS文件，但通过计算机访问时却完美无缺。 - Marco

显然，问题出现在WiFi上。在3G/4G上，请求最多不会停顿超过10秒钟。WiFi的延迟应该更小，但显然有些问题。 - Marco

Answer 1

我们已经解决了网站应用程序上的问题。

简而言之，问题出在iOS 9.1 Safari如何安排HTTP连接。由于某些原因可能与在某些情况下提高性能有关，导致某些边缘情况成为问题。在我们的情况下，我们有几个图像同时尝试加载并需要发生XHR。在桌面Chrome等其他浏览器中，这不是问题，但是iOS 9.1 Safari在尝试同时执行所有这些操作时会出现问题。我们的解决方案是使触发问题的图像一个接着一个地加载，而不是同时加载。这样可以将事物分散开，使其运行顺畅。

- nick.sisler

---

我遇到了相同的问题，但需要澄清一下，在你应用修复程序之前，你的图片最初是如何加载的？你只是将图片嵌入到<img>元素中，而它们全部同时加载导致Safari出现错误吗？那么在修复后呢？我猜测你使用了JavaScript来调节/排队加载图片？我不需要代码示例，所以不用担心找什么 -- 我只是对你使用的处理过程感到好奇。 - theftprevention

我支持请求进行一些澄清。我的网站在YSlow上得分90，在所有浏览器和设备上都可以正常加载，但仅在iOS设备和Safari上通过WiFi连接时出现问题，而通过LTE连接则可以正常加载。 - user127181

抱歉回复晚了！我们将图像存储在Amazon S3上，因此它们是动态加载的，但我们一次性加载了所有图像。作为修复的一部分，我们使用了这个preloadr插件：https://github.com/OneGeek/preloadr。 - nick.sisler