面试题之 script 标签中 async 和 defer 属性的区别

面试题之 script 标签中 async 和 defer 属性的区别

原文阅读

最近在做网页性能优化方面的东西，用 chrome devTools 的性能检测工具 lighthouse 跑了一遍后，发现其中有一项是Efficiently load third-party JavaScript，就是我们在项目中用 script 标签引用的第三方库。

首先我们应该把这个 script 标签写在 body 里面，这样浏览器在加载 html 文档的时候就不会去解析 js，这样会阻止 html 的渲染。

怎么优化加载第三方脚本？

其中一种方式就是在 script 标签上加上async 或者 defer属性。

像这样：