@import vs link：2023 年 CSS 导入仍然是赢家吗？

@import 与 link：重新评估 CSS 导入的最佳选择

尽管之前对此主题进行过讨论，但 @import 和 < 之间的争论;链接> CSS 导入仍然具有相关性。本文结合当前工具和浏览器功能重新审视了这个问题。

@import 是否仍然阻止并行下载？

不，主流浏览器已经解决了这个问题通过 @import 阻止并行下载。现代实现现在允许并行获取，消除了 @import 过去的性能劣势。

的好处

尽管有这样的改进， ;出于以下几个原因，它仍然是首选：

• 简单性： 比 @import 更易于使用和理解。
• 浏览器支持： 得到普遍支持，而 @import 在某些较旧的浏览器中存在遗留支持问题。
• 更少的开销： 与 @import 相比，它的开销更少，因为它不需要解析和处理额外的文件。

今日最佳实践

因此，为了获得最大性能和跨浏览器兼容性，推荐使用用于 CSS 导入。将 CSS 文件组合成单个文件以供生产使用，利用 cssmin 等缩小工具，并使用查询字符串进行强制更新，进一步提高页面加载时间和效率。

虽然 @import 仍然很方便，但它的好处已经被抵消了通过的优点在当今的现代 Web 开发环境中。遵守最佳实践可确保您的 Web 应用程序获得最佳性能和兼容性。

以上是@import vs link：2023 年 CSS 导入仍然是赢家吗？的详细内容。更多信息请关注PHP中文网其他相关文章！