美文网首页前端开发那些事儿
为什么不建议使用@import引入css

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

作者: 小人物不说大话 | 来源:发表于2020-07-09 17:42 被阅读0次

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

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

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

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

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

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

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

推荐教程:css快速入门

相关文章

网友评论

    本文标题:为什么不建议使用@import引入css

    本文链接:https://www.haomeiwen.com/subject/rrbscktx.html