#Minify html update
#Minify html code

Consider a simple ecommerce site - different HTML needs to be returned for the same url depending if the user is logged in or not, whether the product is on sale, whether the related products have changed etc etc. In contrast, the HTML returned by an application is often highly dynamic.

#Minify html update

You can minify (and bundle) them once when you publish your application and know you won't have to update them again. The CSS and Javascript for a web application are typically fixed at build time, which gives the perfect opportunity to optimise the files prior to deployment. Given that the benefits of reducing the size of data sent across the network seems clear, you may wonder why HTML isn't minimised by default. In addition, it will normally be the very first request sent as part of a page load, so getting the data back to the browser as fast as possible is critical. HTML on the other hand will likely always need to come directly from your server. Javascript libraries are often available on public CDNs, so you can gain an additional performance boost there, avoiding having to serve files from your own servers at all. At the simplest level it involves removing white-space, while more complex minifiers can perform operations such as variable renaming to reduce name lengths, and rewriting if-else constructs to use ternary expressions for example. Minification is a performance optimisation, designed to reduce the amount of data being transferred over the network. It has been shown time and again that a slower page response leads to higher bounce rates, and that a more performant site has a direct benefit in terms of greater sales, so the speed with which we can render something on the user's browser is critical. Why minify?įirst of all, lets consider why we would want to minify HTML at all. In this post I show an easy way to add to add HTML minification to your ASP.NET Core application at runtime. In contrast, it is not very common to minify the HTML returned as part of a standard web request.

#Minify html code

This reduces the amount of data being sent over the network, without changing the function of the code within. It is common practice in web development to minify your static assets (CSS, JavaScript, images) as part of your deployment process.