提高页面访问速度 Posted on August 16th
2007-10-03 18:49
351 查看
原贴:http://enissue.com/archive/50
大部分用户往往会死等一个网页出来,而很少会同时做其他事情。没有速度,如何向用户展示流程,如何带给用户进一步的体验呢?
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
XXX站点首页的测试:
提高页面访问速度 Posted on August 16th
速度是用户体验非常重要的一部分。如果说用户体验可以分成“能用、可用、好用”,“能用”就是后两者的基础。大部分用户往往会死等一个网页出来,而很少会同时做其他事情。没有速度,如何向用户展示流程,如何带给用户进一步的体验呢?
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
XXX站点首页的测试:
相关文章推荐
- 压缩静态文件,提高页面访问速度
- 提高页面访问速度
- 提高 SharePoint 页面访问速度之SQL优化 推荐
- 如何有效提高asp页面的访问速度
- 利用curl并发来提高页面访问速度
- 提高 SharePoint 页面访问速度之“暖场”脚本
- 提高 SharePoint 页面访问速度之清理SharePoint Configuration Cache
- 萧墙HTML5手机发展之路(51)——jquerymobile在提高页面访问速度
- 如何提高web页面的访问速度
- 如何有效提高asp页面的访问速度
- JSP页面静态化提高访问速度
- 提高 SharePoint 页面访问速度之 IIS 应用池回收
- 采用伪静态页面技术提高网站的访问速度
- 利用curl并发来提高页面访问速度
- Squid 配置手札 [1] Posted on August 16th
- 提高页面访问速度
- 提高 SharePoint 页面访问速度之应用池预加载 推荐
- 页面的访问速度如何提高?(我所知道的,哪位高手有其它的高见,敬请提醒....)
- 如何提高web页面的访问速度
- asp页面提高的访问速度的方法详解