使用 MVC 5 Bundles 异步加载 CSS

【问题标题】：Asynchronious CSS load with MVC5 Bundles使用 MVC 5 Bundles 异步加载 CSS
【发布时间】：2018-04-04 01:20:51
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

Styles 助手上有一个方法，您可以在其中设置自己的标签格式。

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

【讨论】：

【解决方案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")

【讨论】：