转载备份 - Written by xiaoxiao on 星期四, 03月 13, 2008 10:59 - 9 Comments
Steve Souders:你的网页有多“绿”?
看过此文时,我打开先前的博客设计稿,删除了这种大量引用图片的“甲骨风”风格的设计。从复杂到简洁实用,再从简洁到漂亮,再从漂亮返回到实用,在设计中我多次想尝试两者的结合,但始终未找能到突破点。昨天我开玩笑的和5key说,能否帮我写代码,有懒的成分,也有想把精力放在设计中的成分。还好,这只是个人博客的设计。如果您也在做博客设计,也看看这篇文章,让网页更“绿”一些。
原文作者:Jesse Robbins
原文链接:Steve Souders asks "How green is your web page?"
译者:sniffer Steve Souders,Velocity conference联合主席以及High Performance Websites作者,允许我在这里发布他的分析:
写快速的Web页面对你的用户是非常好的事情,当然对你和你的公司也都是好事。其实这对于世界上其他所有人更是个好事情。
受Radar上一篇关于co2stats.com的文章启发,我从能源消耗和二氧化碳排放的角度审视我的Web性能最佳实践。YSlow根据遵从这些最佳实践多少的程度来评测Web页面。如果把评测级别与千瓦小时和二氧化碳的磅数联系起来将会怎样?
让我们来看一个网站上一条规则的情况。Wikipedia是世界上前十名的网站(Alexa排名第九)。我喜欢Wikipedia,几乎每天都用。不幸的是Wikipeida首页上有13张图片,而且头的有效期还不足够长(Rule 3)。每当大家重新访问这一页时浏览器不得不向服务器发出13个HTTP请求来检查这些图片是否还可用,尽管这些图片平均七个多月都没有变化。
Wikipedia一个更好的办法就是在图片URL中放一个版本号,在图片改变的时候改变这个版本号。这就能让浏览器缓存一个图片一年或更久。这样不仅能让页面装载更快而且对环境也非常有益。我们来算笔帐:
- 我们假设Wikipedia有1亿页面浏览/天。(我见过超过2亿/天的估算量。)
- 假定这些页面80%通过可以缓存完成(根据Yahoo的browser cache统计),那么就是8000万页/天。
- 假定其中10%或者5%是浏览主页,那么每天就是4000万页,每页包含13个HTTP请求来验证那些图片,一天就是5200万的图片请求。
- 假定一个Web服务器一秒钟能处理100个这样的请求,一天就是860万个请求。那么这些流量就需要6台这样的Web服务器工作一年来处理完成。
- 假设一个满载工作的服务器是100瓦,6台服务器一年就是5000千瓦小时的能源以及大约500到1000磅的二氧化碳排放。
我认为这是一个保守估计,里面有很多假设。而且6台服务器听上去不是很多,5000千瓦小时跟数据中心的能源消耗比也是九牛一毛。但这只是针对一台服务器 上一个页面应用一条规则。想一下那些没有压缩的JavaScipt、毫无节制的重定向以及泛滥的图片。如果我们在所有站点推广所有性能规则那效果就大了。
把你的页面变得更快些,这对用户好,对你好,对地球母亲也好。
-Steve
Steve has a SXSW Bookreading on http://2008.sxsw.com/interactive/programming/panels_schedule/?action=show&id=IAP060323, and will be at the O'Reilly booth on Sunday from 3:30-4:30. Stop by and say hello!
9 Comments
不同的程度会有不同的需求吧。看看google和baidu的首页代码。同样是简洁的页面,代码结构可不大一样..到了那么大的访问量,才会去投入解决如何缩减页面大小的问题。
分析的很有道理,学习了!!
想法很有意思.
实践...?
深奥,客户体验应该是现在和未来一段时间应该注重的。不论是源代码还是页面的客户友好性。
把你的页面变得更快些,这对用户好,对你好,对地球母亲也好。
文中说也太有趣了,没想到个人的页面,都会影响到地球母亲
不错啊,现在一直提倡和谐?哈哈
地球喜欢植物的绿,犹如服务器喜欢网页的绿
如果东西太少了会让人觉得单调吧?至少我是这么认为。
众口难调。
留下一个评论
Blog Calendar
Most Popular Content
- [转]腾讯设计中心09校园招聘
- 腾讯2009校园招聘宣传片
- [图]一些网站交互的手绘稿
- 我的阅读分享2008.10.06
- 我的咕叽咕叽2008.09.11
- 四大因素扼杀了中国人的创造力
- [图]腾讯十年 全因有你
- 我也谈谷歌浏览器Chrome
- 我在改博客
- 谷歌Logo的问题
- 我的阅读分享2008.08.10
- @ Reeck: 那个是小小Flash,原名叫朱志强。 吾非小小。...
- 你好,小小!
早在上学时就喜欢你的作品了,想和你交换个友情链接,你的我已经加上了,希望你能通过我的链接
查询地址:http://www.reeckdes...
- 太夸张了...
- 靠,有个计算机专业的说刚到腾讯不知道C++,怀疑。。。...
- TC的播放器太烂了!
TypeError: Error #1088: 文档中根元素后面的标记格式必须正确。
at com.sun.utils::Check...
- 哈哈,看得出来大家在录的时候还是比较拘谨的。...
- 不会啊,可能我还没毕业的原因,该视频对我有一种 亲切感,特别是 开头部分,看了都激动,
不过似乎 该视频还缺点什么,因为视频里都是在职学生的自白,让学生们了解...
- 我没力气评说这个QQ......
My Flickr
My Firendfeed Share
My Taotao
- 博客没有任何问题,请勿相信Google和Firefox误报。
- 我爱宝宝。
- Peer review 同级评审、同事互评。
- 上班了,新的开始。
- 【期待】许巍《爱如少年》
- Friendfeed 1周岁了
- 马克思是个败家子儿。
- 来深圳当奶妈,一个月1万八!
- omg,深圳奶妈一个月1.8W元。
- 找了几年想听的歌,原来叫《when the lights go out》
很深奥,不过这种东西强求不了的。
就像用电用水一样,假设每人都节省一点的话,就能节省很多。