网站性能优化

性能优化

Web性能黄金准则:只有10%20%的最终用户响应时间花在了下载html文档上,其余的80%90%时间花在了下载页面组件上。根据著名的2-5-8原则:

  • 当用户在2秒以内得到响应,会感觉系统的响应非常快
  • 当用户在2-5秒之内得到响应,会感觉系统的响应速度还可以
  • 当用户在5-8秒之内得到响应,会感觉系统的响应非常慢,但还可以接受
  • 当用户在8秒之后都没有得到响应,会感觉系统糟透了,甚至系统已经挂掉;要么打开竞争对手的网站,要么重新发起第二次请求

性能优化n条

1、减少HTTP的请求数

  • 合并js
  • 合并css
  • 图片sprite

2、使用CDN(静态资源服务器)
3、使用缓存

  • http响应头信息Expires、Cache-Control是缓存字段。这里的缓存是指浏览器缓存,缓存过期前不用发起请求。
  • 浏览器中刷新页面,会重新发起所有的请求;如果在地址栏按回车键,可以看到设置缓存的静态资源没有再次发起请求。

4、Gzip压缩
5、将样式表放在页面上方
6、将脚本放在底部
7、避免使用CSS中的Expressions
8、将JavaScript和CSS独立成外部文件
9、压缩 JavaScript 和CSS
10、避免重定向
11、剔除重复的脚本
12、配置ETags
13、使用AJAX缓存

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、网站性能优化35条建议 下图是我使用XMind根据雅虎的工程师团队给出的35项建议分类而制作的思维导图: 参考...
    该帐号已被查封_才怪阅读 8,051评论 1 24
  • 1. 尽量减少HTTP请求次数 合并js 合并css 图片sprite 2. 延迟加载内容 图片懒加载 数据懒加载...
    Aleph_Zheng阅读 9,681评论 0 4
  • 这是关于《高性能网站建设指南》的读书笔记。 黄金法则 只有10%-20%的最终用户响应时间花在了下载HTML文档上...
    零小白阅读 3,567评论 2 3
  • 青春 作者:屿上日光 青春的岁月已远走 寻觅不得见 过了不惑已知天命 回看来时路岁月已磋陀 心里些许失落 ...
    屿上日光阅读 1,765评论 0 0
  • 很多烂赌之人往往有一种奇怪的逻辑:老子已经连续输了10把了,下一次一定赢,我一定要押一把大的回本。这是他摸一摸口袋...
    冷锋刀语阅读 5,830评论 0 2

友情链接更多精彩内容