构建高性能网站的14条法则:综述

转载 2007年09月26日 17:25:00

原文: Exceptional Performance : Best Practices for Speeding Up Your Web Site

非同凡响的性能:加速网站的最佳实践
——构建高性能网站的14条法则

作者:Steve Souders

http://www.oreilly.com/catalog/covers/9780596529307_cat.gif

1、减少HTTP请求
2、使用CDN(Content Delivery Network,内容分发网络)
3、添加到期头部信息
4、以gzip方式压缩组件
5、把样式表放在顶部
6、把脚本放在底部
7、避免使用CSS表达式
8、JavaScript和CSS外部化
9、减少DNS查询
10、控制JavaScript代码量
11、避免重定向操作
12、去掉多余的脚本
13、配置ETag
14、开启Ajax的缓存

前台性能的重要性

2004年,我在Yahoo!创建了Exceptional Performance小组。这是一个经过特别许可的个小团队,它的任务是度量和改进Yahoo!产品的性能。作为在职业生涯中的大部分时间内一直从事后台开发的工程师来说,我提议建立这个小组是因为过去的一个代码优化项目——通过了解Web性能可以识别出最容易改进的机会。因为我们的目标是改善最终用户的体验,所以我在各种带宽条件下观测了浏览器的响应时间。结果,我们绘制出了一幅针对http://www.yahoo.com中HTTP通信量的图表。

http://l.yimg.com/us.yimg.com/i/rt/stair-step-ydn-blog.gif

在上面这幅图中,第一个名为“html”的橫条表示对HTML文档的初始请求。这里,终端用户只有5%的时间花在了取得HTML文档上面。同样的结果差不多对所有的网站也都适用。在作为样本的美国前10大网站中,除了一个网站之外,取得HTML文档所用时间均不到总响应时间的20%。另外80%多的时间则花在了处理HTML文档(也就是前台)的内容上面。这也就是我们把加速网站的重点放在改进前台性能之上的原因。

以前台性能作为出发点的原因主要有三个:
1、前台具有更多的改进潜力。节省一半前台处理时间可以节约响应时间的40%,而节省一半后台处理时间只会节约不到10%的响应时间。
2、改进前台通常比改进后台需要投入的时间和资源更少。因为改进后台涉及到重新设计应用程序架构和代码、查找和优化关键代码路径、添加或升级硬件、分布数据库等等。
3、调整前台性能已经证明是可行的。通过遵循我们提出的性能最佳实践,Yahoo!中50多个团队服务的终端用户响应时间都节省了25%以上。
我们提出的性能黄金定律是:先从优化前台性能着手,因为前台处理要占用80%甚至更多的终端用户响应时间。

 

构建高性能网站的14条法则:减少HTTP请求

1、减少HTTP请求 80%的终端用户响应时间花在了前台。其中,大部分时间都用于下载页面中的各种组件——图像、样式表、脚本、Flash等等。因此,减少组件的数量就能够减少呈现页面所需的HTTP请...
  • IvyQiao
  • IvyQiao
  • 2015年01月25日 16:43
  • 496

提高网站性能的14条黄金法则

春节期间,我温习了Steve Souders写的High Performance Web Sites: Essential Knowledge for Front-End Engineers。Stev...

网站优化--YaHoo Web优化的14条法则

此篇文章是菇凉很久前看到的并摘录到备忘录里面的,现共享到自己的博客里面,若对原创者带来不必要的麻烦,请联系QQ:2983411472,谢谢您的理解!...

优化网站性能的14条准则

内容再丰富的网站,如果慢到无法访问也是毫无意义的; SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭; UE设计的再人性化的网站,如果用户连看都看不到也是空谈。   所以网页的效率绝对是最值得关注的...

关于web性能的思考与分享[08]雅虎14条军规—高性能网站建设指南

1、尽可能减少http请求 当你打开网页的时候,你所看到的文字、图片、多媒体等,这一切内容都是你从服务器获取的,每一个内容(文件,如js\css\html\json\img...)的获取就是一个ht...

Yahoo 14条 网站性能优化原则

建议在firefox中安装firebug和yslow插件,这样便于调试。 Web 应用性能优化黄金法则:先优化前端程序 (front-end) 的性能,因为 这是 80% 或以上的最终用户响应时...

Yslow优化网站性能的14条军规点评

其中黑色部分,跟后端是紧密相连的,在我们的内容中都已经涉及到了,而且做了更深入的讨论。兰色部分,5,6,7是相关页面执行速度的,构建前端页面的人应该注意的。11属于避免使用的方法。 红色部分我着重说一...

优化网站性能 提高网站速度访问速度的14条实践

第一条、尽可能的减少 HTTP 的请求数 (Make Fewer HTTP Requests )http请求是要开销的,想办法减少请求数自然可以提高网页速度。常用的方法,合并css,js(将一...
  • jlslhy
  • jlslhy
  • 2011年05月17日 16:14
  • 148
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:构建高性能网站的14条法则:综述
举报原因:
原因补充:

(最多只允许输入30个字)