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

Mobile Safari iOS failing to load multiple small files (such as images or JavaScript) on first page visit only

本文关键字：文件小文图像 JavaScript 加载 iOS Safari 访问第一页 Mobile 更新时间：2023-09-26

我一直在与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/但如果不是这样，它就会断裂。

任何想法都将不胜感激！

James

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

我在IOS Safari上遇到了类似的问题，出于某种原因，它不喜欢"使用严格"；在我的一个javascript文件的顶部。解决这个问题很烦人，但删除它似乎已经解决了问题！