Web 前端优化最佳实践之 Mobile(iPhone) 篇

Web 前端优化最佳实践最后一部分是针对移动应用的,其实只是针对 iPhone 的,目前只有两条规则。

1. 单个数据对象小于 25K (Keep Components under 25K)

这个似乎只是针对 iPhone 研究的。建议保持单个 Web 数据对象在 25 K 以下。为什么是 25K? Apple 官方信息指出可缓存到内存中的 Web 对象最大支持到 10M,但经过测试,发现也就是 25K 左右。

iPhone 在市场上的优异表现,让 Web 人员不得不考虑如何针对其进行优化。相信这部分内容也在不断变化中。

2. Pack Components into a Multipart Document

把Web 页面组件打包成一个多部分组成的文档。其目的是减少 HTTP 请求。对这部分语焉不详,等待后续更新吧。

EOF

Updated: 根据这篇 iPhone caching 的文章,可供 Cache 的最大单个数据对象是 15K,而不是前面说的 25K。iPhone 总的 Cache Size 为 1.5M。浏览器地址栏的刷新按钮将导致无条件刷新所有组件。这些也是挺有趣的。


8 thoughts on “Web 前端优化最佳实践之 Mobile(iPhone) 篇

  1. xyb

    Multipart应该是指html的multipart格式,就是类似IE里保存成mht时的那个东西,RFC有一篇文档是说这事的。不过大多数浏览器都还没有开始支持,难道safari是支持的?

    Reply
  2. wowtxt

    请问feng,目前的几个主流cms,和像 dz这样的程序,是否符合你说的这种标准呢?
    我目前的确在考虑iphone上的快速浏览问题,因为自己也是iphone使用者。

    Reply
  3. Fenng

    @wowtxt
    是否符合标准(这也不是标准),要看你的具体实践
    现在只有国外的一些站点有专门的 iPhone 版本,国内非常少

    Reply
  4. 云谦

    Apple 官方信息指出可缓存到内存中的 Web 对象最大支持到 10M,但经过测试,发现也就是 25K 左右。
    ——————————————-
    我理解的10M是可存放在浏览器内存中的组件,比如说大的视频超过10M的就不能载入,和缓存应该是两个概念。
    如果说是同一个概念的话,10M和25K,官方也太不准了点。

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *