性能黄金法则

标签: 架构设计 运维小技巧 Web性能 性能优化 | 发表时间:2012-02-11 08:13 | 作者:bixuan
出处:http://www.ourlinux.net

原文地址: http://www.stevesouders.com/blog/2012/02/10/the-performance-golden-rule/

昨天我在 Google Ventures为他们的一些投资公司做了个研讨会。我不知道听众会有多少关于性能优化的背景知识,因此我从2007年的第一个演示开始,回顾了几乎跟性能优化相关的所有内容,真的是很怀旧啊。话说距离我开始谈论 《高性能网站建设指南》的最佳实践已经很多年了,我重新审视了这些早期的提示,比如 减少HTTP请求,和 添加Expires头,还有 压缩组件

不过我还需要回顾得更远一些,想到在还没有 VelocityWPO之前,我或许还得澄清一下为什么我会如此关注前端性能。我找到了当时包含性能黄金法则的幻灯片:

80-90%的最终用户响应时间都花在前端上。
从这里开始。

还有一些其他相关的幻灯片展示了一些流行的网站分别花在后端和前端的时间,但是数据已经很旧并且很有限了,因此我决定更新一下,下面是我的成果。

首先是一个瀑布图,它展示了前后端的划分。这个瀑布图是 LinkedIn的。这里“后端”的时间是指从服务器返回第一个字节到客户端所花费的时间。它通常包含大部分的后端处理:数据库查询、远程web服务调用、拼接HTML等等。其余的是“前端”的时间,它包含了显而易见的前端阶段,诸如执行JavaScript代码以及渲染页面等。它同时也包含了下载页面上所有相关资源的时间。我把这些划分到前端时间里是因为,有许多切实可行的办法可以减少这个时间,比如  异步加载脚本合并脚本和样式表以及 域名分散(即通过多个域名实现并行下载的策略  —— 译者注)等。

Golden waterfall

对于排名前十位的网站分析结果显示,平均在前端花费的时间占比为76%,略低于黄金法则中提出的80-90%的值。不过别忘了,这些网站的前端都经过了高度的优化,并且其中两个是载入资源非常少的搜索页面(而不是结果页面)。

Golden top10

对于排名10000左右的10个网站进行的分析,可以得到一个更典型的视图。平均在前端花费的时间占比为92%,高于排名前10的76%,甚至高于黄金法则中建议的80-90%。

Golden 9990

为了使与会者接受这个法则,我展示了他们自己网站的前后端花费时间占比,得到的结果为前端占比84%。这有助于使他们的认可我的理论,即前端的性能才是最难最有挑战的,也是最应该给予关注的。

Golden startups

后来我想起来我在 HTTP Archive上还有关于网站耗时的信息。不过我一般不展示这些信息,因为我认为真正的用户度量应该更准确一些,不过我计算了被抓取到的50000个网站的前后端耗时占比,结果前端占比为87%。

Top50ksite

能够获取这些比2007年更新的信息来验证性能黄金法则真是太好了,而且它也显示了前端性能优化越来越受重视了。如果你担心可用性和可扩展性,那就关注一下后端。但是如果你担心载入网站时用户等待的时间太久,那么关注前端才是王道。

FROM: http://44ux.com/index.php/2012/02/the-performance-golden-rule/

相关 [性能 黄金] 推荐:

性能黄金法则

- - 《Ourlinux》杂志
原文地址: http://www.stevesouders.com/blog/2012/02/10/the-performance-golden-rule/. 昨天我在 Google Ventures为他们的一些投资公司做了个研讨会. 我不知道听众会有多少关于性能优化的背景知识,因此我从2007年的第一个演示开始,回顾了几乎跟性能优化相关的所有内容,真的是很怀旧啊.

Yahoo!网站性能最佳体验的34条黄金守则——内容

- - 蓝飞技术部落格
Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践. 他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨. 最佳实践的核心就是旨在提高网站性能. Excetional Performance团队总结出了一系列可以提高网站速度的方法.

Yahoo!网站性能最佳体验的34条黄金守则——服务器

- - 蓝飞技术部落格
在本系列的第一节中,讲了 提高网站性能中网站“内容”有关的10条原则. 除了在网站在内容上的改进外,在网站服务器端上也有需要注意和改进的地方:. 为文件头指定Expires或Cache-Control. 使用GET来完成AJAX请求. 用户与你网站服务器的接近程度会影响响应时间的长短. 把你的网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度.

Yahoo!网站性能最佳体验的34条黄金守则——JavaScript和CSS

- - 蓝飞技术部落格
在 第一部分和 第二部分中我们分别介绍了改善网站性能中 页面内容和 服务器的几条守则,除此之外,JavaScript和CSS也是我们页面中经常用到的内容,对它们的优化也提高网站性能的重要方面:. 避免使用CSS表达式(Expression). 使用外部JavaScript和CSS. 削减JavaScript和CSS.

Yahoo!网站性能最佳体验的34条黄金守则——图片、Coockie与移动应用

- - 蓝飞技术部落格
我们在前面的几节中分别讲了提高网站性能中 内容、 服务器、 JavaScript和CSS等方面的内容. 除此之外,图片和Coockie也是我们网站中几乎不可缺少组成部分,此外随着移动设备的流行,对于移动应用的优化也十分重要. 对于页面内容使用无coockie域名. 优化CSS Spirite.

黄金摧毁中国房产

- xiangqian - 刘军洛的BLOG
黄金市场的市值现在上升到6万亿美元了,黄金期货、纸黄金、黄金股票、黄金出产国家的CDS(信用违约掉期合约)等等和计已经至少高达10万亿美元. 中国市场今天被中国媒体、中国经济学家们与美国高盛联合彻底点燃了中国人的黄金疯狂火焰. 黄金今天的用途80%是为人类补牙,或许,我们中国人也应该希望美国的乔布斯、克林顿、奥巴马会向中国的暴发户们为自己的脖子佩戴上粗重的黄金项链.

黄金比例蜗牛彩车

- 阿三 - 果壳网 guokr.com - 果壳网
DIYer:jonsarriugarte 制作时间:数月 制作难度:★★★★★ GEEK指数:★★★★★. 这辆名为“黄金比率”(The Golden Mean)的巨型改装蜗牛艺术车的灵感出自于“科幻小说之父”儒勒·凡尔纳的作品,我们在西奥克兰市开设的“我型我改”(Form & Reform)商店里将它造了出来,当时是 2008 年.

互联网业的30/10/10 黄金比率

- nowhere - 36氪
Funnel (或称Conversion Funnel) 是互联网业最基本的概念之一,它的意思是100 个人路过你的网站,你能够把几个人变成忠实顾客. 一般最基本的电子商务Funnel,大概分五个步骤:. 20% — Email 订户(或Facebook 粉丝). 你可以看到我在每个步骤前面都加了一个数字,好让你们对于这个漏斗有些概念(这些是我大略抓的数字,每家公司会因为他们的商业模式有差异).