Script标签引入的JS如何避免异步加载?
HTML中的标签通常用于引入外部JavaScript文件。默认情况下,浏览器会同步加载并执行该脚本,这意味着页面渲染会阻塞直到脚本加载和执行完毕。 为了提升网页性能,通常会使用
async
或defer
属性实现异步加载。但如果我们希望避免异步加载,应该怎么做呢?
答案是:不使用defer
或async
属性。
当标签不包含
defer
或async
属性时,浏览器会同步执行脚本。这意味着脚本会在页面解析到该标签时立即下载并执行,从而阻塞后续页面的渲染。 只有在脚本执行完成后,页面渲染才会继续。
因此,要避免异步处理,只需确保你的标签中不包含
defer
或async
属性即可。 示例如下: