提升页面性能的方法有哪些?
1.资源压缩合并,减少http请求
2.非核心代码异步加载----->异步加载的方式------>异步加载的区别
3.(最重要)利用浏览器缓存------>缓存的分类------>缓存的原理(不要和storage存储混为一谈)
4.使用CDN(内容分发网络)第一次打开页面的时候,就不能使用缓存,这个时候可以使用cdn。
5.预解析DNS
(第一句是强制打开a标签的预解析,页面中a标签默认打开预解析,如果页面是https开头,很多浏览器是关闭了预解析的。亮点!)
异步加载
1.异步加载的方式
①动态脚本加载(动态创建节点)
②defer
③async
2.异步加载的区别
①defer是在html解析完后才会执行,如果是多个,按照加载的顺序依次执行。
②async是在加载完之后立即执行,如果是多个,执行顺序和加载顺序无关。
浏览器缓存
1.缓存的分类
①强缓存
Expires(绝对时间)
Cache-Control(相对时间)
②协商缓存(浏览器本地有副本,询问服务器是否可用)
Last-Modified If-Modified-Since
Etag If-None-Match