提高移动 Web 性能的一般方法答案

【问题标题】：General Methods to Increase Mobile Web Performance提高移动 Web 性能的一般方法
【发布时间】：2012-01-22 10:12:19
【问题描述】：

我正在加快一个专门针对移动平台的网站的感知加载时间（主要是 iPhone，其次是 Android，其余的谁在乎......）我已经尝试了几种加速加载时间的通用技术对于普通网站，但我想知道是否有人对移动网络性能有具体的指示。

我已经在打包脚本、精灵图像、尽可能延迟加载、在事物上设置固定大小、在头部链接 css 等等。我想要专门针对移动设备的见解。

例如，我听说 iPhone 只会缓存小于 25k 的文件，因此有时将脚本/文件分成 25k 的块可能会带来整体提升，因为现在它们可以被缓存即使它导致要进行的其他连接。任何其他类似的见解将不胜感激。

另外，有谁知道测试 iphone 加载时间的好工具吗？）

【问题讨论】：

【解决方案1】：

好的，这里有一些适合你的测量工具...

Steve Souders 的移动书签 - http://stevesouders.com/mobileperf/mobileperfbkm.php（在计时方面有点受限，但还有很多有趣的其他功能）

Stoyan Stefanov 用于探索页面加载的 iOS 应用 - http://calendar.perfplanet.com/2011/i-see-http/（非常新，所以不确定它的局限性）

3P Mobile 有自己的 iOS 浏览器测试版，可以生成瀑布 - Android 版本非常好。

就优化而言......

移动缓存可能很小，但您仍然可以访问本地存储，即包含 CSS/js 内联并提取并保存到本地存储 - 必应移动执行此操作。

DataURIs 是另一种减少请求的方式，但用户当然会失去关闭图像的选项

确保充分利用 keep-alive 和连接管道 - 多个主机名之间的拆分可能会妨碍这些操作，因此在这样做时要小心。

不同手机的缓存差异很大，操作系统版本最近看到一篇关于它的文章，看看我是否能再次找到它。

【讨论】：

【解决方案2】：

他们还有一个Firefox plugin (YSlow)，它会自动检查您的网站是否关注他们并提出改进建议。该插件还涵盖了可能影响移动浏览器的性能问题。

【讨论】：

【解决方案3】：

我想接听您关于移动网站分析工具 - WebDevTools 的电话：

免责声明 - 我与发布此软件的公司有联系

虽然不是针对 iphone，但您绝对可以在各种 android 型号上进行测试并获得加载时间。根据我的经验，iPhone 4+ 将加载与 HTC Desire 和类似的页面相同或更好的页面——无论是在一般速度方面，还是在 HTTP 并发等方面。

【讨论】：

【解决方案4】：

查看此测试解决方案：

教程：您的网站会在 3 秒内加载吗？

【讨论】：