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

标签： 前端开发 Mobile 性能优化 | 发表时间：2011-12-14 13:24 | 作者：直觉

出处：http://www.kekaku.com

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 请求。对这部分语焉不详，等待后续更新吧。

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

作者: Fenng | 可以转载, 但必须以超链接形式标明文章原始出处和作者信息及版权声明
网址: http://www.dbanotes.net/web/best_practices_for_speeding_up_your_web_site_server_mobile.html

您可能也喜欢：
未來生活進行時：創新科技應用與博物館的複興蔓延——Mobile & Social Media篇 (@mydesy)	T-Mobile:演繹現實版憤怒鳥 (@mydesy)	Web 前端优化最佳实践之 CSS 篇	Web前端优化最佳实践之内容篇	Web 前端优化最佳实践之 JavaScript 篇
无觅

相关 [web 前端优化] 推荐：

Web前端优化

- - JavaScript - Web前端 - ITeye博客

优点：直接使用浏览器内存的缓存数据，减少网站后台压力，用户体验（速度）好. 缺点：对于时时变化的动态页面，这种情况就不能容忍了，因为每次访问的都是第一次访问的内容，这样即使所请求的页面已经变化了，用户也不可能知道，所以此场景必须要消除这种缓存的影响. 延迟加载，将资源延迟到需要的时候的加载，例如detail页面，相关产品推荐，当用户浏览更多的信息往下拉动滚动时，才进行加载，异步加载可以大幅减少对后端资源的使用，在需要的时候加载，是资源合理使用常用的方式，但是也带来一个问题，当往下拉才去加载，如果性能不够好，用户的体验其实是不好的，“菊花”转动的时间会比较长，同时异步加载对前端性能的作用也是非常明显的，渲染的节点数量大幅减少.

Web前端优化最佳实践

- Jimmy - 中文热文榜|最新

还有 Jason, Bixuan, 曦, 推荐，查看全部 8 个推荐. 博评 - Sting的网经发表于2010-08-08 08:41:10. Google的前端优化最佳实践 Yahoo的前端优化最佳实践. Web前端优化最佳实践之Content篇. 尽量减少 HTTP 请求 (Make Fewer HTTP Requests).

web前端性能优化进阶路

- - 阿里巴巴（中国站）用户体验设计部博客

Web前端性能优化WPO，相信大多数前端同学都不会陌生，在各自所负责的站点页面中，也都会或多或少的有过一定的技术实践. 可以说，这个领域并不缺乏成熟技术理论和技术牛人：例如Yahoo的web站点性能优化黄金法则，以及大名鼎鼎的优化大师 Steve Souders. 本文并非一篇讨论性能优化技术方法的文章，而更多的是对中文站搜索List页面持续两年多的前端性能优化实践的思路总结.

web前端面试笔试题+优化

- - JavaScript - Web前端 - ITeye博客

前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源. 前端优化是复杂的，针对方方面面的资源都有不同的方式. 那么，前端优化的目的是什么. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源.

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

- - 可咔酷 | 网络杂货铺

Web 前端优化最佳实践最后一部分是针对移动应用的，其实只是针对 iPhone 的，目前只有两条规则. 单个数据对象小于 25K (Keep Components under 25K). 这个似乎只是针对 iPhone 研究的. 建议保持单个 Web 数据对象在 25 K 以下. Apple 官方信息指出可缓存到内存中的 Web 对象最大支持到 10M，但经过测试，发现也就是 25K 左右.

复杂 Web 前端项目的构建工具优化实践

- - IT瘾-tuicool

前言：本人于 2014 年底开始供职于百度贴吧（以下简称“贴吧”）. 贴吧作为中国最大规模的 UGC 产品之一，在PC和移动端上承载了数亿用户的访问. 在过去十几年的运营中，贴吧积累了十分复杂的业务模式. 在 Web 前端，一度有超过40名工程师同时开发、提交和上线，为此，贴吧建设了非常复杂和完备的开发体系.

Web 前端测试

- - Web前端 - ITeye博客

Web 网站测试流程和方法（转载）. 进行正式测试之前，应先确定如何开展测试，不可盲目的测试. 一般网站的测试，应按以下流程来进行：. 1）使用HTML Link Validator将网站中的错误链接找出来；. 2）测试的顺序为：自顶向下、从左到右；. 3）查看页面title是否正确. （不只首页，所有页面都要查看）；.

Web性能优化

- - SegmentFault 最新的文章

Web网站的性能细线在几个方面：. 通过分析浏览器的渲染原理、资源对渲染的影响，得出优化网站性能的办法. Chrome的 Timeline面板录制网页加载的过程，分析记录浏览器渲染过程中每个过程的耗时. 关闭Chrome扩展或者启用隐身模式. 根据使用场景，模拟真实的网络加载情况：. 2.2 Timeline工具的各个组成.

Web 前端攻防（2014版）

- - 博客 - 伯乐在线

外链会产生站外请求，因此可以被利用实施 CSRF 攻击. 目前国内有大量路由器存在 CSRF 漏洞，其中相当部分用户使用默认的管理账号. 通过外链图片，即可发起对路由器 DNS 配置的修改，这将成为国内互联网最大的安全隐患. 百度旅游在富文本过滤时，未考虑标签的 style 属性，导致允许用户自定义的 CSS.

WEB优化Favicon请求

- - ITeye博客

总是被命名为favicon.ico. 我们常常看到这样的一个请求/favicon.ico. 它总是显示在浏览器地址栏,网址的左边. 当访问一个页面的时候，不管怎么样，浏览器都会请求这个文件，即/favicon.ico. 可以通过在页面的部分加入元素来重新指定它的位置. ico格式可以是不同分辨率的图像，比如16×16, 32×32等.