当前位置: 代码迷 >> Web前端 >> @import导入式样缺点
  详细解决方案

@import导入式样缺点

热度:274   发布时间:2012-11-05 09:35:12.0
@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文件,在网站效率也有提升。



  相关解决方案