页面性能（异步加载和缓存）

提升页面性能的方法有哪些？

1. 资源压缩合并，减少HTTP请求
2. 非核心代码异步加载 --> 异步加载的方式 --> 异步加载的区别
3. 利用浏览器缓存 --> 缓存的分类 --> 缓存的原理（性能优化重要的一部分）
4. 使用CDN
5. 预解析DNS
   从浏览器输入URL开始到页面渲染完成，这个过程发生了哪些环节，其中第一步就是DNS解析，尤其是当出现多个域名的时候，DNS解析效果明显

<link rel="dns-prefetch" href="//host_name_to_prefetch.com">
//如果页面是https协议开头的，很多浏览器是默认关闭DNS与解析的，通过第一行代码强制打开DNS预解析
<meta http-equiv="x-dns-prefetch-control" content="on">

异步加载

1. 异步加载的方式
   • 动态脚本加载
   • defer
   • async
2. 异步加载的区别
   • defer实在HTML解析完之后才会执行，如果是多个，按照加载的顺序依次执行
   • async是在加载完之后立即执行，如果是多个，执行顺序和加载顺序无关

浏览器缓存

1. 缓存的分类
   • 强缓存
     Expires（绝对时间）
     Cache-Control（相对时间，优先级高）
   • 协商缓存
     Last-Modified、if-Modified-Since
     Etag、If-None-Match
     （成对使用）

（本文纯属个人学习笔记，如有不足请留言！）