读《不要使用@import》

原文地址
ie测试环境为ie678

测试结果

1. 要将@import放到样式代码的最前面，否则它将会不起作用。
2. 在IE中link混合@import 会破坏并行下载css
3. LINK 嵌套@import时所有浏览器都会阻止并行加载代码
4. link+link中包含@import情况下，ie中link会阻断@import的并行，其他浏览器不会。
5. 多个import.在IE中使用@import会引起资源被按照一个不同于预期的顺序下载
6. 使用LINK确保在所有的浏览器里面都能并行下载

总结：

• @import对ie很不友好,部分情况对其他浏览器也会阻断并行。（页面总体加载时间增加）
• 在ie中会打乱加载顺序，js文件可能会被提前加载形成阻塞，这样会更加慢。更严重的是如果脚本中包含的代码以来从样式表文件中应用的样式(比如getElementsByClassName)，那么就将可能会发生意外的结果。
  要注意的less点