页面性能

提升性能的方法有哪些？

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

2.非核心代码异步加载－异步加载的方式？－异步加载的区别？

异步加载的方式？

• 动态脚本加载
• defer
• async

异步加载的区别？

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

3.利用浏览器缓存－缓存的分类？－缓存的原理？

  缓存的分类？

• 强缓存  头信息-Expires——Cache-Control （资源文件在浏览器中存在的副本，是存在本地磁盘，拿过来直接就用。）
• 协商缓存 头信息-Last-Modified if-Modified-Since——Etag if-None-Match（和服务器协商能不能用。）

4.使用CDN。让网络快速在服务端把文件下载下来。

5.预解析DNS

<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//host_name_to_prefetch.com">复制代码

转载于:https://juejin.im/post/5bddad216fb9a049bc4c188c