Mobile Safari iOS无法在首页访问时加载多个小文件(如图像或JavaScript)

Question

我一直在iPhone和iPad上遇到一个问题,它无法同时加载多个资产.两种情况:

a)加载大约20多个外部JavaScript文件 - 这在我的实时网站上不是问题,因为我在部署之前将我的JavaScript合并到一个文件中,但是在我的测试服务器上引起了问题.

b)装载约.同一页面上有20多个小缩略图(每个大约30kb).

在这两种情况下,Safari(通常)都会卡在少数几个文件上,永远不会完成加载.iOS顶部菜单上的加载指示器将被加载,直到刷新为止.

第二次访问(资产缓存时)一切都会好的.我必须清除Safari的缓存以重现该问题.

我可以通过延迟JavaScript中的资源负载来解决这个问题,但这很有点儿,我想更好地了解出了什么问题,看看我是否能找到更整洁的解决方案.

这里可以看到一个例子(访问iOS设备):http://www.jamesgretton.co.uk/expem/so_ios_multi/

此外,如果它有用,我通过延迟缩略图的负载解决了这个问题:http://www.interior-id.com/work/但是否则会破坏.

任何想法将不胜感激!

詹姆士

Answer 1

我的测试服务器上也遇到了类似的问题，它与基本身份验证密码配置有关。一旦我们删除了身份验证标头，Mobile Safari 就会按预期加载所有文件。