web页面性能

一、资源压缩合并,减少HTTP请求

二、非核心代码异步加载

1、异步加载的方式

  • 动态脚本加载
  • defer
  • async

2、异步加载的区别

(1)defer是在HTML解析完之后才会执行,如果是多个,按照加载的顺序依次执行。

(2)async是在加载完成之后立即执行,如果是多个,执行顺序和加载顺序无关。

三、利用游览器缓存

1、强缓存(不用和服务器进行通信,直接从游览器缓存拿备份)

Expires  Expires:Thu,21 Jan 2017 23:39:02 GMT //这是资源过期的绝对时间

Cache-Control Cache-Control:max-age=3600  //这是资源过期的相对时间

2、协商缓存(本地有副本,但是不知道是否还可以用,需要和服务器协商是否可用)

Last-Modified If-Modified-Since  Last-Modified:Wed,26 Jan 2017 00:35:11 GMT

Etag If-None-Match

四、使用CDN 

让网络快速到达服务端,快速下载资源

五、预解析DNS

 

上一篇:Tomcat 对静态资源的处理


下一篇:前端性能优化总结