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

Thảo luận trong 'Lập Trình Website MVC5 & MVC6' bắt đầu bởi admin, 1/10/20.

  1. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,349
    Đã được thích:
    1,052
    Điểm thành tích:
    113
    Giới tính:
    Nam
    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

    minify-html-mvc-full.jpg

    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.

    minify-html-mvc.jpg

    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

    minify-html-action.jpg

    Chèn cho toàn bộ Controller

    minify-html-view.jpg
     
    Cảm ơn đã xem bài:

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

    danh sách diễn đàn rao vặt gov chất lượng


Like và Share ủng hộ ITSEOVN