【随笔】面试-页面性能

提升页面性能方法

1、资源压缩合并，减少HTTP请求
2、非核心代码异步加载 --> 异步加载的方式 --> 异步加载的区别
3、利用浏览器缓存 --> 缓存的类别 --> 缓存的原理
4、使用CDN
5、预解析DNS
（1）强制打开与解析（因为https一般会关闭）
<mata http-equiv="x-dns-prefetch-control" content="on">
（2）<link rel="dns-prefetch" href="//host_name_to_prefetch.com">

异步加载

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

浏览器缓存

1、缓存分类
强缓存 > 协商缓存（弱缓存）
（1）强缓存：两者都下发以前者为准
Cache-Control cache-control: public, max-age=691200（客户端相对时间） || no-cache
Expires expires: Thu, 08 Aug 2019 09:03:03 GMT（服务器绝对时间）

（2）协商缓存：两者都下发以前者为准
Last-Modified If-Modidied-Since last-modified: Tue, 09 Jul 2019 08:53:38 GMT
Etag If-None-Match etag: W/“5d245612-15b0”

---

• Previous Post →
• ← Next Post