ASP.NET MVC 网站优化总结 使用 Gzip 压缩

本文介绍了如何在IIS中启用Gzip压缩,包括静态和动态内容的压缩设置,以及针对ASP.NET MVC应用的代码级Gzip压缩实现。通过在Controller中添加CompressFilterAttribute过滤器,实现了对HTTP响应的Gzip压缩。同时,文章还解决了Google PageSpeed Insights提示的'Vary: Accept-Encoding'头缺失问题,确保了压缩文件的正确缓存和加载速度提升。

1.开GZIP有什么好处?
答:Gzip开启以后会将输出到用户浏览器的数据进行压缩的处理,这样就会减小通过网络传输的数据量,提高浏览的速度。 
2.如何启用IIS的Gzip压缩功能:

答: 首先,如果你需要压缩静态文件(HTML),需要在硬盘上建一个目录,并给它“IUSR_机器名”这个用户的写权限。如果压缩动态文件 (PHP,asp,aspx)就不需要了,因为它的页面是每次都动态生成的,压缩完就放弃。然后在IIS管理器中,“网站”上面右键-属性,不是下面的某 个站点,而是整个网站。进入“服务”标签,选上启用动态内容压缩,静态内容压缩。然后选中网站下面那个服务器扩展,新建一个服务器扩展。名字无所谓,下面 的添加文件的路径是: c:\windows\system32\inetsrv\gzip.dll,然后启用这个扩展。这时候静态内容是可以压缩的,但是对于动态内 容,aspx文件却不在压缩范围内。因为默认的可压缩文件并没有这个扩展名。而管理界面中你又找不到可以增加扩展名的地方,这时候只能去修改它的配置文件 了。在c:\windows\system32\inetsrv\下面有个MetaBase.xml文件,可以用记事本打开,找到 IIsCompressionScheme,有三个相同名字的段,分别是deflate,gzip,Parameters,第三段不用管它,前两段有基本 相同的参数,在这两段的参数HcScriptFileExtensions下面都加上一行aspx,如果你有其它的动态程序要压缩,也加在这里。 HcDynamicCompressionLevel改成9,(0-10,9是性价比最高的一个)。然后需要重启一下IIS服务,就可以体会到压缩后的速 度了。(注意要保存MetaBase.xml文件需要在服务里关闭iis   admin   service服务)




以上步骤只是对html asp aspx php 这些有效 针对MVC要在代码里处理:


写一个ActionFilter来实现GZIP:


CompressFilterAttribute.cs


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.IO;
using System.IO.Compression;


namespace MyMVC.ActionFilters
{
    public classCompressFilterAttribute:ActionFilterAttribute
    {
       public override void OnResultExecuting(ResultExecutingContextfilterContext)
       {
           string acceptEncoding =filterContext.HttpContext.Request.Headers["Accept-Encoding"];
           if (String.IsNullOrEmpty(acceptEncoding)) return;
           var response = filterContext.HttpContext.Response;
           acceptEncoding = acceptEncoding.ToUpperInvariant();


           if (acceptEncoding.Contains("GZIP"))
           {
               response.AppendHeader("Content-Encoding", "gzip");
               response.Filter = new GZipStream(response.Filter,CompressionMode.Compress);
           }
           else if (acceptEncoding.Contains("DEFLATE"))
           {
               response.AppendHeader("Content-Encoding", "deflate");
               response.Filter = new DeflateStream(response.Filter,CompressionMode.Compress);
           }
       }
    }
}


 


在controller文件中



       [CompressFilter]
       public ActionResult Compress()
       {
           return this.View();
       }



继续进行 ASP.NET MVC 3 网站优化工作,使用 Google Page 检测发现提示 You should Specify Vary: Accept-Encoding header,The following publicly cacheable, compressible resources should have a "Vary: Accept-Encoding" header。

相信很多人遇到过这个问题,它是什么意思呢?网上找到的资料为:

原来对CSS和JS文件开启Gzip后,会输出两份文件:Gzip压缩过的、未经Gzip压缩的,这样一来不仅没加快网页加载速度,反而更慢了;而 Vary: Accept-Encoding header 的作用就是指定输出压缩过的那部分文件。这样一来,Gzip压缩才算是真正起了作用。

解决的方法为在 configuration 节点下添加下边的代码片断即可:

<configuration>
    <system.webServer>
        <httpProtocol>
            <customHeaders>
                <remove name="Vary"></remove>
                <add name="Vary" value="Accept-Encoding"></add>
            </customHeaders>
        </httpProtocol>
    </system.webServer>
</configuration>

重新运行网站,发现此问题已经解决,如下图:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值