跳到正文

异步加载 Async Loading

词条 #236 / 700 · 第 5 章 · 5.2 网站性能、渲染路径与现代前端优化(226–240)
一句话定义

资源同时加载,互不干扰,不阻塞渲染。

打个比方 Analogy

多个厨师同时炒不同的菜。不用等 A 菜炒完再炒 B 菜。

岗位实战怎么做 In Practice

async 属性:脚本下载完立即执行,顺序不保证(适合独立脚本,如 Analytics)。defer 属性:脚本在 HTML 解析完后按顺序执行(适合有依赖的脚本)。

案例与避坑 Pitfalls

async 和 defer 不能同时使用。内联脚本不能使用这两个属性。