performance - 提高移动网络性能的一般方法

Question

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

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

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

另外，有没有人知道在 iphone 中测试加载时间的好工具？)

Answer 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 并提取并保存到本地存储 - Bing mobile 会这样做。

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

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

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