页面性能优化

1. 资源压缩合并，减少HTTP请求

2. 非核心代码异步加载
1、异步加载的方式

• 动态脚本加载
• defer
• async

2、异步加载的区别

• defer是在HTML解析完之后才会执行，如果是多个，按照加载的顺序依次执行
• async是在加载完之后立即执行，如果是多个，执行顺序和加载顺序无关

3.利用浏览器缓存
Cache-Control & ETag

• 强缓存
  如：Cache-Control
• 协商缓存
  如：Etag

4.使用CDN
5.预解析DNS

//在head里面加入以下代码
<meta http-equiv="x-dns-prefetch-control" content="on"> 
// 有些浏览器打开https的网页时，里面的a标签不预解析DNS。这句话的作用是强制预解析a标签的dns

<link rel="dns-prefetch" href="//host_name_to_prefetch.com">
// dns预解析