@import导入式样缺点

@import导入样式缺点
大家都知道在页面中加入ccs样式常用方式：

1：最常用页面嵌入方式<style> </style> 。    2：导入外部样式文件方式<link rel='stylesheet' type='text/css' href='' />

@import也是导入外部样式文件一种方式。

但是如果使用@import的话，必须要将@import放到样式代码最前面，否则它将会不起作用。

而且事实证明，避免使用@import 同样对网站性能有益。这2种方法也早就有对比：http://www.qianduan.net/high-performance-web-site-do-not-use-import.html

影响效率原因：
    * 在一个样式文件中使用@import会为页面总体加载时间增加更多一个返程（也就是增加页面的总体加载时间）
    * 在IE中使用@import 将会引起文件的下载顺序被改变。这更会引起样式文件花费更长的时间来下载，这会阻碍页面的渲染，让人感到页面比较慢。

在<<高性能网站设计>>也有明确的优化建议，网页在性能上的优化尽量使中<link/>方式导入css文件，在网站效率也有提升。

查看更多 下一篇