优化网站设计（三十三）：尽量使单个内容体积小于25KB
前言
网站设计的优化是一个很大的话题,有一些通用的原则,也有针对不同开发平台的一些建议。这方面的研究一直没有停止过，我在不同的场合也分享过这样的话题。
作为通用的原则，雅虎的工程师团队曾经给出过35个最佳实践。这个列表请参考 Best Practices for Speeding Up Your Web Site （http://developer.yahoo.com/performance/rules.html），同时，他们还发布了一个相应的测试工具Yslow http://developer.yahoo.com/yslow/
我强烈推荐所有的网站开发人员都应该学习这些最佳实践，并结合自己的实际项目情况进行应用。 接下来的一段时间，我将结合ASP.NET这个开发平台，针对这些原则，通过一个系列文章的形式，做些讲解和演绎，以帮助大家更好地理解这些原则，并且更好地使用他们。
准备工作
为了跟随我进行后续的学习，你需要准备如下的开发环境和工具
- Google Chrome 或者firefox ，并且安装 Yslow 这个扩展组件.请注意，这个组件是雅虎提供的，但目前没有针对IE的版本。
- https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh
- https://addons.mozilla.org/en-US/firefox/addon/yslow/
- 你应该对这些浏览器的开发人员工具有所了解，你可以通过按下F12键调出这个工具。
- Visaul Studio 2010 SP1 或更高版本，推荐使用Visual Studio 2012
- 你需要对ASP.NET的开发基本流程和核心技术有相当的了解，本系列文章很难对基础知识做普及。
本文要讨论的话题
这一篇我和大家讨论的是第三十三条原则：Keep Components Under 25 KB （尽量使单个内容体积小于25KB）。
这一条原则主要是与当下最热的移动互联网有关。我们之前探讨过“优化网站设计（三）：对资源添加缓存控制”，当越来越多的用户接受并且开始使用智能手机浏览你的网站的时候，你就需要考虑这个问题：如何提高内容在这些智能手机上面的缓存率。
例如雅虎团队当年在写下这个原则的时候指出，iPhone里面缓存的内容体积为25KB，而且这个尺寸是未压缩时候的。所以，优化网站设计（十）：最小化JAVASCRIPT和CSS 就显得尤为重要。
如果你的网站中的脚本要超过25KB，那么请考虑优化它们。
其他的一些智能手机在这方面的表现和横向比较，还可以参考
- http://article.yeeyan.org/view/150661/115771
- http://cncc.bingj.com/cache.aspx?q=iphone+cache+component+size&d=4990740111428747&mkt=zh-CN&setlang=zh-CN&w=LyrgxwkFlSbdhvyCtMaX5tjQzPGgYcae
当然我相信，随着时间的推移，这些智能设备中的浏览器对于缓存的支持终将进一步提升（以后甚至可能达到与桌面机器或者笔记本相似的表现），以便改善性能。
