js 页面性能

提升页面性能的方法：：

1、资源压缩合并，减少http请求

2、非核心代码异步加载

异步加载的方式

a、动态脚本加载

b、defer

c、async

异步加载的区别

defer实在html解析完成之后才会执行，如果是多个，按照加载的顺序依次执行

async实在加载完之后立即执行，如果是多个，执行顺序和加载顺序无关。

3、利用浏览器缓存

缓存的分类

强缓存：不用向服务器通信直接从浏览器副本拿出来给页面用

协商缓存：向服务器问一下能不能用

缓存的原理

4、使用CDN

5、预解析DNS

<meta http-equiv="x-dns-prefetch-control" content="on">

<link rel="dns-prefectch" href="//host_name_to_prefech.com">

页面中所有的a标签在高级浏览器是默认打开dns预解析的，也就是不用加上面的代码，如果是https协议浏览器是默认关闭的，所以我们要在head里加上。