iPad2、iPhone 4S 上的 iOS 网站加载问题答案

【问题标题】：Website loading issues iOS on iPad2, iPhone 4SiPad2、iPhone 4S 上的 iOS 网站加载问题
【发布时间】：2014-10-07 00:20:56
【问题描述】：

我正在开发一个在旧 iOS 硬件上加载时遇到问题的网站。我很确定这些问题与加载到站点中的图像的总大小有关（大型图形设计师组合视觉效果），但一直无法找到有关硬件这些限制的任何文档。网站以 HTML/CSS/JS 编码，带有一些用于家庭幻灯片的 jQuery 库。网站是使用 Yeoman 构建的，并使用 Twitter Bootstrap 3 搭建。

网址：http://bradshawdesignsolutions.com

iOS8 测试：iPad Air (2013) => 正常，Retina Mini (2013) => 正常，iPhone 4S => 挂起/崩溃

iOS7 测试：iPad 2 => 挂起/崩溃

任何可以为我指明解决此问题的正确方向的帮助将不胜感激。即使解决方案将图像切成两半......

【问题讨论】：

我会一次删除 3-4 张图片，看看是否可行。但我会说问题出在加载器上，它真的很慢。
感谢大家的帮助！随着我的测试继续进行，我将在此处发布结果。如果有人想查看更改，我将在bradshawdesignsolutions.com/test 进行修订。

标签： html ios iphone twitter-bootstrap yeoman

【解决方案1】：

您似乎正在将大量图像加载到 iPad2 中，它只有 1024x768 的屏幕，但您的许多图像要大得多。例如这个http://bradshawdesignsolutions.com/images/bg-slides/0f5416af.slide-4.jpg 是 2025x1207，而且这个尺寸似乎有好几个。

检查器也显示此 Javascript 错误：

[Error] TypeError: null is not an object (evaluating 'e.text')
    c (8bda17b1.vendor.js, line 4)
    assetLoaded (8bda17b1.vendor.js, line 4)
    d (8bda17b1.vendor.js, line 4)
    dispatch (8bda17b1.vendor.js, line 2)
    handle (8bda17b1.vendor.js, line 2)

如果您手头有 Mac，我会将 iPad 2 插入其中（在 Safari 的设置中启用 Web Inspector 后）并使用 Mac Safari 的 Develop 中的 Inspect 子菜单strong> 菜单，看看出了什么问题。

【讨论】：

感谢您报告此错误。我的桌面开发工具中没有报告它，但看起来供应商 js 文件的压缩出现了问题。一旦我将它们拆分并将它们重新添加到站点，我看到的加载问题似乎已经停止。感谢您的帮助。