页面性能类

提升页面性能的方法有哪些?
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


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容