2

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

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

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

另外,有谁知道测试iphone加载时间的好工具吗?)

4

4 回答 4

2

好的,这里有一些适合您的测量工具...

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 是另一种减少请求的方式,但用户当然会失去关闭图像的选项

确保您充分利用了保持活动和连接管道 - 多个主机名之间的拆分可能会妨碍这些,因此如果您这样做,请小心。

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

于 2011-12-17T14:52:59.197 回答
1

雅虎!有一个很好的页面,介绍如何从您的网站中获得最大的性能。

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

于 2011-12-17T00:30:37.303 回答
0

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

https://play.google.com/store/apps/details?id=com.voltcode.webdevtools

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

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

于 2012-06-03T20:21:31.563 回答
0

查看此测试解决方案:

教程:您的网站是否在 3 秒内加载?

http://blog.testobject.com/2013/09/does-your-website-load-in-3-seconds.html

于 2013-09-17T14:12:29.960 回答