首页 相关文章 CSS设计制作网页不要使用@import

CSS设计制作网页不要使用@import

Translate From:stevesouders
原文:高性能网站设计:不要使用@import

在高性能网站设计的第五章,我简要的提到@import 对于网站的性能有某些负面的影响,然后我在 Web 2.0 Expo 的演讲上深入探讨了这个问题,并创建了一些测试页面和HTTP瀑布状图表,这些在下面将会用到。对于这个问题的底线是:如果你想样式表并行载入,以使页面更快,请使用LINK 替代@import。

LINK vs. @import

大家都知道,有两种方法可以在你的页面中导入样式文件。你可以使用LINK标签:

link rel='stylesheet' href='a.css' /

或者使用@import 方法:

style
@import url('a.css');
/style

我更喜欢使用LINK,因为它比较简单而如果使用@import的话,你必须时刻记得要将@import放到样式代码的最前面,否则它将会不起作用。而且事实证明,避免使用@import 同样对网站性能有益。

[ 查看全文 ]

2016-02-19 标签:

CSS设计制作网页不要使用@import的相关文章

手机页面
收藏网站 回到头部