html&css&js 前端技术
为什么不建议使用@import引入css
为什么不建议使用@import引入css

为什么不建议使用@import引入css

不建议使用@import主要有以下两点原因:

原因一、使用@import引入CSS会影响浏览器的并行下载

使用@import引用的CSS文件只有在引用它的那个css文件被下载、解析之后,浏览器才会知道还有另外一个css需要下载,这时才去下载,然后下载后开始解析、构建render tree等一系列操作。这就导致了浏览器无法并行下载所需的样式文件。

原因二:多个@import会导致下载顺序紊乱。

在IE中,@import会引发资源文件的下载顺序被打乱,即排列在@import后面的js文件先于@import下载,并且打乱甚至破坏@import自身的并行下载。

我们可以使用link标签来引入css。

推荐教程:css快速入门

以上就是为什么不建议使用@import引入css的详细内容,更多请关注炫H5其它相关文章!