使用 MVC 5 Bundles 的异步 CSS 加载

Question

我正在阅读有关异步 CSS 加载的内容 here 我想知道是否可以在 MVC5 包中使用这种行为。

我想要实现的是多个捆绑的 CSS 文件以非阻塞方式下载（意味着我的页面加载时间更快）

Answer 1

Styles 帮助程序中有一个方法，您可以在其中设置自己的标记格式。

@Styles.RenderFormat("<link href=\"{0}\" rel=\"preload\" as=\"style\"/>",
                     "~/Path/To/My/Bundle")

Answer 2

对于完整的工作解决方案，我使用我标记为接受这个问题的答案，但我又添加了一个东西以使其 100% 有效

onload="this.rel='stylesheet'"

所以工作示例是：

C# 文件：

public const string StyleRenderFormat = "<link href=\"{0}\" rel=\"preload\" as=\"style\" onload=\"this.rel='stylesheet'\"/>";

cshtml 文件：

@Styles.RenderFormat(BundleConfig.StyleRenderFormat, "~/myCssBundleName")

Asynchronious CSS load with MVC5 Bundles