如何确认 标签引入的JS文件是否同步加载?
同步加载的JS文件会在DOM构建完成后执行,无论其加载时机早于或晚于DOM构建。如何判断一个 标签是否进行了同步加载呢?
关键在于查看该 标签是否设置了
async
或 defer
属性。 如果这两个属性都没有设置,则该JS文件采用同步加载方式,会在DOM构建完成后阻塞后续HTML解析和渲染,直到JS文件加载并执行完毕。
您可以使用浏览器开发者工具进行检查。打开开发者工具,切换到“Network”或“Sources”面板,找到目标JS文件,查看其对应的 标签属性。如果没有
async
或 defer
属性,则确认该JS文件为同步加载。