Minifier/Minify HTML Output trong MVC với WebMarkupMin.Core

Việc Minifier/Minify HTML Output dữ liệu được sinh ra bởi view rất quan trọng, khi dữ liệu bài viết, code html của bạn nhiều, đặc biệt với một số bạn thương viết js, css cùng với mã HTML gây dữ liệu rất lớn khi trả về view cho người dùng. Việc nén này vô cùng hiệu quả giúp giảm thiểu rất nhiều những dòng dữ liệu dư, khoảng trắng trong code html.

Hình ảnh dữ liệu khi chưa được Minify



Sau khi sử dụng WebMarkupMin.Core để Minify HTML

Từ Content-Length 18242 đã giảm xuống còn 11349. Từ kích thước 71.05KB giảm xuống còn 43.23KB size.



Cài đặt WebMarkupMin.Core vô cùng đơn giản như sau:

Bước 1: cài đặt nuget của WebMarkupMin tại link sau: https://www.nuget.org/packages/WebMarkupMin.Core

Hoặc truy cập vào: Tools-> Nuget package manager -> Manager nuget package for solution... để cài đặt trên web của bạn.

Bước 2: Sau khi cài đặt xong, bạn truy cập vào FilterConfig.cs của web. Thêm code sau vào.

Mã:

public static void RegisterGlobalFilters(GlobalFilterCollection filters)
{
    filters.Add(new MinifyHtmlAttribute());
    filters.Add(new CompressContentAttribute());
    filters.Add(new MinifyXmlAttribute());
}

Chỉ như vậy là website của bạn đã tự nén được rồi.

Bước 2.Null:

Nếu bạn muốn nén riêng từng Action mà không muốn nén toàn website, thì bỏ lệnh ở FilterConfig.cs và chèn riêng từng Action như sau:

Mã:

[CompressContent]
[MinifyHtml]
[MinifyXml]

Chèn riêng cho từng View ActionResult



Chèn cho toàn bộ Controller