首先我知道标题说这是here、here 和here 提出的重复问题。我读到的关于这个主题的所有内容都已有两年多的历史了。在那段时间里发生了很多变化，那么同样的想法仍然是可取的吗？
这是一个示例，我在样式表中使用 @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 的样式表并将内容拉入一个文件，以及处理所有方面的缩小。
【讨论】：