直接使用<script>,html会按照顺序来加载并执行脚本。在脚本加载和执行的过程中,会阻塞后续的DOM渲染。例如:在页面中引用第三方脚本时,如果第三方服务商出现了一些小问题,比如延迟之类的,就会使得页面白屏。
<script>
解决方案使用<script>元素的async或defer属性。async:表示应立即下载脚本,但不妨碍页面中的其他操作。仅对外部脚本文件有效。defer:表示脚本可以延迟到文档完全被解析和显示之后再执行。仅对外部脚本文件有效。
async
defer