css – @import vs link

前端之家收集整理的这篇文章主要介绍了css – @import vs link前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
首先我知道标题说这是一个重复的问题,问 hereherehere.我阅读的这个主题的一切都是两岁多。在那段时间里有很多变化,所以同样的想法仍然可取?

这里是一个例子,我在样式表中使用@import引入我的重置CSS和几个其他样式。我应该从@import更改为< link>?根据这个article我应该使用链接。所以我问其他开发商,什么是真正的最好的方式,到目前为止(2011年8月25日)

解决方法

如果在过去一两年内有任何变化,那么不会有太大的变化,我们仍然在处理很多相同的浏览器,所以你不应该改变你的做法。

< link>在所有情况下优先于@import,因为后者阻止并行下载,这意味着浏览器将在开始下载其余内容之前等待导入的文件完成下载。

你可以在这里非常详细地看到这里:

http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

所以,虽然@import可能很方便,这是所有它提供。如果你真的想利用快速加载时间,使用最小数量的样式表(在大多数情况下可能是一个),用高效的选择器(通常的东西)写好CSS,缩小它,并使用< link>标签

这将是一个评论,但它太长:

而不是@import(我知道这是非常方便),你应该将这些文件合并为一个,当你的网站上线。你不应该在这一点上调整,有很多工具来帮助缩小它。就个人而言,使用PHP,我有一个配置文件,其中我定义所有的CSS文件写入到一个单独的CSS文件(我将在< link>标记中引用的那个文件),然后如果缓存的版本是旧的手动或自动),它组合/缩小它们并将内容写入“缓存”文件,并返回时间戳查询字符串以附加到CSS文件名以强制新下载。

如果你也使用PHP,我强烈推荐cssmin,它可以解析样式表@import和拉内容到一个文件,以及处理缩小的所有方面。

猜你在找的CSS相关文章