ASP.NET Core文件压缩常见使用误区(最佳实践)

 更新时间:2021年05月27日 09:31:43   作者:ExperDot  
本文给大家分享ASP.NET Core文件压缩常见的三种误区,就每种误区给大家讲解的非常详细,是项目实践的最佳纪录,对ASP.NET Core文件压缩相关知识感兴趣的朋友一起看看吧

前言

  在微软官方文档中,未明确指出文件压缩功能的使用误区。

  本文将对 ASP.NET Core 文件响应压缩的常见使用误区做出说明。

误区1:未使用Brotil 压缩

  几乎不需要任何额外的代价,Brotil 压缩算法可以帮助你的网站提升约 20% 静态资源加载性能。

  同时启用 Gzip / Brotil 压缩

  Gzip 有更好的 user-agent 兼容性,而 Brotli 有更好的性能。

  所以我们通常需要在 ASP.NET Core 网站中同时启用这两种压缩。

  如何区分 Gzip 压缩和 Brotli 压缩

  网站启用 Brotli 压缩时,服务器请求返回头 Content-Encoding 中会包含 br 字样,否则是 gzip。

误区2:使用 Fastest 级别的 Brotli 压缩

  如果你阅读并参考了微软官方文档或者其他中文资源,比如:

  ASP.NET Core 中的响应压缩 - MS Doc

  在ASP.NET Core中使用brotli压缩- Cnblogs

  那么你可能会在代码中像下面这样使用压缩功能:

  写法1:使用默认的压缩行为(框架将隐式添加 Brotli 和 Gzip 功能)

public class Startup
{
    public void ConfigureServices(IServiceCollection services)
    {
        services.AddResponseCompression();
    }

    public void Configure(IApplicationBuilder app, IHostingEnvironment env)
    {
        app.UseResponseCompression();
    }
}

  写法2:显式添加压缩功能

public void ConfigureServices(IServiceCollection services)
{
    services.AddResponseCompression(options =>
    {
        options.Providers.Add<BrotliCompressionProvider>();
        options.Providers.Add<GzipCompressionProvider>();
        options.Providers.Add<CustomCompressionProvider>();
        options.MimeTypes = 
            ResponseCompressionDefaults.MimeTypes.Concat(
                new[] { "image/svg+xml" });
    });
    services.Configure<BrotliCompressionProviderOptions>(options => 
    {
        options.Level = CompressionLevel.Fastest;
    });
}

  写法3:自定义 BrotliCompressionProvider

public class BrotliCompressionProvider : ICompressionProvider
{
    public string EncodingName => "br";
    public bool SupportsFlush => true
    public Stream CreateStream(Stream outputStream)
    {
           return new BrotliStream(outputStream,CompressionLevel.Fastest);
    }
}

  不幸的是,以上三种写法都没有发挥出 Brotil 压缩算法的优势。

  它们的共同点是均使用了 CompressionLevel.Fastest压缩级别。

  而在 CompressionLevel.Fastest 级别时,Brotil 与 Gzip 压缩性能几乎无异。

  参考:Introducing Support for Brotli Compression

图 2-1 Fastest 模式下,三种算法的压缩率等同

误区3:使用 Optimal 级别的 Brotli 压缩

  CompressionLevel 只有三个枚举值:Fastest / NoCompression / Optimal。

  既然 Fastest 级别没有用,那我们只能换成 Optimal 了。

图 3-1 压缩级别枚举

  非常不幸,Brotil 的 Optimal 压缩级别存在严重的性能问题,在实际网站应用中几乎没有适用的场景。

图 3-2 Optimal 压缩耗时对比

最佳实践:使用 4 或 5 级别的 Brotli 压缩

  在Introducing Support for Brotli Compression这篇文章中,作者对不同级别 Brotil 的压缩耗时做了评测,也就是下面这幅图。

图 4-1 不同压缩级别下 Brotli 的压缩耗时

  观察这副图,Brotil 的压缩质量其实有 1~11 个级别。

  那我们如何自定义 Brotli 的压缩级别呢,答案是直接将级别对应的整数转成 CompressionLevel 枚举。

  参考:Setting a specific Brotli compression level when using response compression in ASP.NET Core

图 4-2 指定 Brotli 的压缩级别

  尽管这种写法看起来十分古怪,但通过考察 .NET 源码,可以确凿这种写法是可行的。

  参考:System.IO.Compression.BrotliUtils.cs

图 4-3 CompressionLevel 枚举强制转换整数

  现在我们可以自定义压缩级别了,但注意上方源码,只能指定 3 以上的级别,3 包括 3 以下的值有其他对应的转换逻辑。

  回到本节第一副图 4-1,通过实测,发现在 4 / 5 级别下,Brotli 确实可以获得最佳的压缩率和较低的压缩损耗。

总结

  在 ASP.NET Core 中,我们应该同时启用 Gzip 和 Brotil 压缩功能,其中 Brotil 的压缩级别应该自定义到 4 或 5。

public void ConfigureServices(IServiceCollection services)
        {
            services.AddResponseCompression(options =>
            {
                options.Providers.Add<BrotliCompressionProvider>();
                options.Providers.Add<GzipCompressionProvider>();
                options.MimeTypes =
                    ResponseCompressionDefaults.MimeTypes.Concat(
                        new[] { "image/svg+xml" });
            });

            services.Configure<BrotliCompressionProviderOptions>(options =>
            {
                options.Level = (CompressionLevel)4; // 4 or 5 is OK
            });
        }
        public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
        {
            app.UseResponseCompression();
        }

以上就是ASP.NET Core文件压缩最佳实践的详细内容,更多关于ASP.NET Core文件压缩的资料请关注脚本之家其它相关文章!

相关文章

  • 深入理解Asp.net中DataBinder.Eval的用法总结

    深入理解Asp.net中DataBinder.Eval的用法总结

    本篇文章是对Asp.net中DataBinder.Eval的用法进行了详细的分析介绍,需要的朋友参考下
    2013-06-06
  • Asp.Net Core中WebSocket绑定的方法详解

    Asp.Net Core中WebSocket绑定的方法详解

    WebSocket 是一种在单个 TCP 连接上进行全双工通讯的协议,是建立在TCP上、且独立的协议。下面这篇文章主要给大家介绍了关于Asp.Net Core中WebSocket绑定的方法,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-12-12
  • 浅谈对Lambda表达式的理解

    浅谈对Lambda表达式的理解

    “Lambda 表达式”(lambda expression)是一个匿名函数,Lambda表达式基于数学中的λ演算得名,直接对应于其中的lambda抽象(lambda abstraction),是一个匿名函数,即没有函数名的函数。Lambda表达式可以表示闭包(注意和数学传统意义上的不同)。
    2015-07-07
  • Server.Transfer,Response.Redirect的区别

    Server.Transfer,Response.Redirect的区别

    Server.Transfer,Response.Redirect的区别...
    2006-12-12
  • Asp.net获取服务器指定文件夹目录文件并提供下载的方法

    Asp.net获取服务器指定文件夹目录文件并提供下载的方法

    这篇文章主要介绍了Asp.net获取服务器指定文件夹目录文件并提供下载的方法,涉及使用http协议操作文件的技巧,需要的朋友可以参考下
    2015-01-01
  • asp.net 转换人民币大小金额

    asp.net 转换人民币大小金额

    转换人民币大小金额的一个通用类。
    2009-09-09
  • gridview 行选添加颜色和事件

    gridview 行选添加颜色和事件

    在gridview 列表中,需要添加如下效果,如果经过时变色,移开时还原成以前的颜色,行选中时通过加深色,从而知道选中了哪行
    2014-03-03
  • Asp.Net Core2.1前后使用HttpClient的两种方式

    Asp.Net Core2.1前后使用HttpClient的两种方式

    这篇文章主要给大家介绍了关于Asp.Net Core2.1前后HttpClient的使用方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • aspx实现的 jquery ui 的 flexgrid demo

    aspx实现的 jquery ui 的 flexgrid demo

    这几天没事研究着jquery,真是个好东西,慢慢的知道了有jquery ui,一开始就被华丽的界面和简单的操作给吸引了,尤其是里面的flexgrid,对我而言可以说是非常宝贵的东西
    2009-12-12
  • ASP.NET购物车实现过程详解

    ASP.NET购物车实现过程详解

    这篇文章主要为大家详细介绍了ASP.NET购物车的实现过程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-10-10

最新评论