Asynchronious CSS load with MVC5 Bundles

Question

I was reading about asynchronous CSS loading here and I was wondering if it is possible to use that kind of behaviour in MVC5 bundles.

What I want to achieve is multiple bundled CSS files downloaded in a non-blocking way (meaning faster loading time of my page)

jimSampica · Accepted Answer · 2017-10-23 13:26:03Z

2

There's a method on the Styles helper where you can set your own tag format.

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

answered Oct 23, 2017 at 13:26

jimSampica

12.5k3 gold badges69 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Koscik · Accepted Answer · 2017-10-26 07:46:58Z

0

For full working solution I'm using the answer I marked as acceptance to this question, but I've added one more thing to it to make it work 100%

onload="this.rel='stylesheet'"

so working example is:

C# file:

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

cshtml file:

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

answered Oct 26, 2017 at 7:46

Koscik

1891 gold badge3 silver badges14 bronze badges