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