@import加载慢？用link更高效

本篇文章向大家介绍《@import加载CSS太慢？改用link更高效》，主要包括，具有一定的参考价值，需要的朋友可以参考一下。

@import 比 link 慢，因其触发串行加载，无法与 HTML 解析并行，多层嵌套加剧延迟，不支持 media 预加载且存在旧浏览器兼容问题；应改用 head 中的 link 标签实现并行加载与优化。

直接用 @import 在 CSS 文件中引入其他样式表，确实容易导致渲染阻塞、加载变慢，尤其在多层嵌套或网络不佳时更明显。根本原因是 @import 会触发**串行加载**，浏览器必须先下载并解析当前 CSS，再发起被导入文件的请求，无法和 HTML 解析并行。

为什么 @import 比 link 慢

@import 是 CSS 规则，不是 HTML 标签，它只能写在 CSS 文件里（或