因为浏览器在渲染html的时候是从上到下执行的，当遇到js文件的时候就会停止当前页面的渲染，转而去下载js文件。
如果将script标签放在头部，在文件很大的情况下将导致首屏加载时间延长，影响用户体验。
解决办法
- 将script标签放在body的底部
- 通过defer、async属性将js文件转为异步加载
script 标签为什么建议放在 body 标签的底部（defer、async）
Posted on:2023年5月15日 at 21:32
因为浏览器在渲染html的时候是从上到下执行的，当遇到js文件的时候就会停止当前页面的渲染，转而去下载js文件。
如果将script标签放在头部，在文件很大的情况下将导致首屏加载时间延长，影响用户体验。