为什么我在script标签里加了 defer 还是会阻塞

Question

前端页面优化，发现阻塞比较严重，大概会有3s左右的时间。

尝试了defer，但是还是会有阻塞发生。

求指导

Answer 1

如果script标签设置了defer属性，则浏览器会异步的下载该文件并且不会影响到后续DOM的渲染；
但如果有多个设置了defer的script标签存在，则会按照顺序执行所有的script；
defer脚本会在文档渲染完毕后，DOMContentLoaded事件调用前执行。

可参考下

浅谈script标签中的async和defer - 贾顺名 - 博客园 script标签用于加载脚本与执行脚本，在前端开发中可以说是非常重要的标签了。直接使用script脚本的话，html会按照顺序来加载并执行脚本，在脚本加载&执行的过程中，会阻塞后续的DOM渲染 https://www.cnblogs.com/jiasm/p/7683930.html