页面性能
1. 提升页面性能的方法有哪些?
- 资源压缩合并,减少HTTP请求
- 非核心代码异步加载——异步加载的方式——异步加载的区别
- 利用浏览器缓存——缓存的分类——缓存的原理
- 使用CDN
- 预解析DNS:
-
<meta http-equiv="x-dns-prefetch-control" content="on"> // 强制打开<a>的预解析 <link rel="dns-prefetch" href="http://www.shiny-jun.cn/"> // 做到预解析
2.异步加载的方式和区别
方式:1)动态脚本加载(动态创建节点) 2)defer 3)async
区别:1)defer是在HTML解析完之后才会执行,如果是多个,按照加载顺序依次执行
2)async是在加载完之后立即执行,如果是多个,执行顺序和加载顺序无关