1. 性能的体现
网站的页面加载速度
2. 常用的优化手段
- CDN
把我们需要被分发的内容分发到世界各地的各个节点上,让世界各地的人都可以在距离最近的网络节点拿到想要拿到的内容,减少网络传输距离从而达到加速的目的。 - Cache-Control
把网站页面所需的静态资源都设置缓存,在设定的时间内浏览器发现请求资源的链接本地缓存了就不会再去请求,而是直接从本地获取。 - Etag
服务器在响应头设置Etag,值为响应内容的md5值,后面客户端再请求这个资源时会把md5值放在请求头内,服务器只需要再次判断两次md5是否相同,相同就设置状态码为304,并结束本次响应,不相同就返回新的响应内容。 - Gzip
服务器先把响应内容给压缩后,再作为响应体发送给客户端,客户端接收再进行解压,通过缩小文件大小去优化。 - 合并文件
把CSS、JS文件合并起来,减少HTTP请求的次数。 - 调整 CSS 和 JS 的位置
CSS放在head标签里面,JS放在body后面。因为JS会阻塞HTML的渲染。 - 压缩图片
对页面要用到的图片进行压缩,通过缩小文件大小去优化。
http://compressjpeg.com/zh/
这是一个在线压缩图片的网站。 - 增加域名以并行下载资源
请求资源过多时,可以按个数分配给不同的CDN,比如一个CDN域名下放了8个资源,但是浏览器只支持一个域名并行下载四个资源,这时用两个CDN域名分别放四个资源,就等于并行下载八个资源。(并行下载资源数量不同浏览器存在差异)