本文主要是介绍提高页面访问速度,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
速度是用户体验非常重要的一部分。如果说用户体验可以分成“能用、可用、好用”, “ 能用 ” 就是 后两者 的基础。
大部分用户往往会死等一个网页出来,而很少会同时做其他事情。没有速度,如何向用户展示流程,如何带给用户进一步的体验呢?
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
这篇关于提高页面访问速度的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!