Minify and inline CSS for ASP.NET MVC

Updated on Wednesday, April 28, 2021

ASP.NET has a CssMinify class (and a JavaScript variant as well) designed for use in the bundling pipeline. But what if you want to have your CSS minified and inline? Here is an action that is working for me (rendered into a style tag on my _Layout.cshtml using @Html.Action("InlineCss", "Home")).

public ActionResult InlineCss() { BundleContext context = new BundleContext( new HttpContextWrapper(System.Web.HttpContext.Current), BundleTable.Bundles, "~/Content/css"); Bundle cssBundle = BundleTable.Bundles.GetBundleFor("~/Content/css"); BundleResponse response = cssBundle.GenerateBundleResponse(context); CssMinify cssMinify = new CssMinify(); cssMinify.Process(context, response); return Content(response.Content); }

Note that I'm using this to inline CSS for this blog. The pages are cached so I'm not worried about how well this action performs. My blog is also basically all landing pages so I'm also not worried about caching a non-inline version for later use, I just drop all the CSS on every page.

Add your comment...

(All Code Posts)

code, asp.net, mvc, css, inline, minify

Comments

Thanks for the post!

∞ | by DavidGlulk on Tuesday, April 7 2020

i find a free online service to minify js(http://www.online-code.net/minify-js.html) and compress css(http://www.online-code.net/minify-css.html), so it will reduce the size of web page.

∞ | by Buyi Wen on Tuesday, September 8 2015

Add Comment

All comments are moderated. Your email address is used to display a Gravatar and optionally for notification of new comments and to sign up for the newsletter.

Minify and inline CSS for ASP.NET MVC

Related Posts

You Might Also Like

Comments

Add Comment

Newsletter

Related

Popular Posts

Recent Posts

Recent Tags