js 页面性能

提升页面性能的方法::

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


2、非核心代码异步加载

异步加载的方式

a、动态脚本加载

b、defer

c、async

异步加载的区别

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

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

3、利用浏览器缓存

缓存的分类

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

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

js 页面性能

缓存的原理

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里加上。