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

优化网站性能 提高网站速度访问速度的 14 条实践 相信互联网已经越来越成为人们生活中不可或缺的一部分。 ajax ，flex 等等富客 户端的应用使得人们越加“幸福”地体验着许多原先只能在 C/S 实现的功能。 比如 Google 机会已经把最基本的 office 应用都搬到了互联网上。当然便利的 同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的，在性能方面， 根据 yahoo 的调查，后台只占 5% ，而前端高达 95% 之多，其中有 88% 的东西 是可以优化的。 以上是一张 web2.0 页面的生命周期图。工程师很形象地讲它分成了“怀孕，出 生，毕业，结婚”四个阶段。如果在我们点击网页链接的时候能够意识到这个过 程而不是简单的请求 - 响应的话，我们便可以挖掘出很多细节上可以提升性能的 东西。今天听了淘宝小马哥的一个对 yahoo 开发团队对 web 性能研究的一个讲 座，感觉收获很大，想在 blog 上做个分享。 相信很多人都听过优化网站性能的 14 条规则。更多的信息可见 1. 尽可能的减少 HTTP 的请求数 [content] 2. 使用 CDN （Content Delivery Network ） [server] 3. 添加 Expires 头 (或者 Cache-control ) [server] 4. Gzip 组件 [server] 5. 将 CSS 样式放在页面的上方 [css] 6. 将脚本移动到底部（包括内联的） [javascript] 7. 避免使用 CSS 中的 Expressions [css] 8. 将 JavaScript 和 CSS 独立成外部文件 [javascript] [css] 9. 减少 DNS 查询 [content] 10. 压缩 JavaScript 和 CSS (包括内联的 ) [javascript] [css] 11. 避免重定向 [server] 12. 移除重复的脚本 [javascript] 13. 配置实体标签（ ETags ） [css] 14. 使 AJAX 缓存 在 firefox 下有一个插件 yslow ，集成在 firebug 中，你可以用它很方便地来看 看自己的网站在这几个方面的表现。 这是对用 yslow 对我的网站西风坊测评的结果，很遗憾，只有 51 分。呵呵。中 国各大网站的分值都不高， 刚测了一下，新浪和网易都是 31 分。然后 yahoo （美 国）的分值确实 97 分！可见 yahoo 在这方面作出的努力。从他们总结的这 14 条规则，已经现在又新增加的 20 个点来看，有很多细节我们真得是怎么都不会 去想，有些做法甚至是有些“变态”了。 第一条、尽可能的减少 HTTP 的请求数 （Make Fewer HTTP Request