提高页面访问速度 - zt

速度是用户体验非常重要的一部分。如果说用户体验可以分成“能用、可用、好用”， “ 能用 ” 就是 后两者 的基础。

大部分用户往往会死等一个网页出来，而很少会同时做其他事情。没有速度，如何向用户展示流程，如何带给用户进一步的体验呢？

Yahoo! Exceptional Performance 团队在 Developer Network 上总结： 80-90% 的客户端响应时间都用于下载所有的页面元素：图片、样式表、脚本文件、 Flash 等等。

因此，加快页面响应速度，提高页面性能是提高用户体验重要的第一步。

Yahoo! 最近提供了一个页面性能分析工具 YSlow ，以 Firefox Add-on 的形式集成到 Firebug 中。

装上这个工具后，它会分析页面加载的所有内容，根据加速站点的 13 条规则给站点页面评分并给出建议。

并且它会列出所分析页面上所有元素的类型： URL 、过期时间、 gzip 状态、 load 时间、文件大小、 ETag 、包括 HTTP 响应报头，以及页面 Empty Cache 和 Full Cache 时的数据。

Yahoo! 页面加速的 13 条规则 如下：（ http://developer.yahoo.com/performance/rules.html#num_http ）

1. 减少 HTTP 请求

2. 使用 CDN

3. 为网页元素 添加 Expires Header

4. 支持 Gzip

5. 把 CSS 放在网页顶部

6. 把活动的脚本文件移到底部

7. CSS 中 避免使用 Expression 语句

8. 使用外部 JavaScript 和 CSS 文件

9. 减少 DNS 查表时间

10. 最小化 JavaScript

11. 避免网页跳转

12. 删除重复的脚本

13 . 配置 Etag