原文地址:Pre-compressed static files with ASP.NET Core

作者:Gunnar Peipman

译者:Lamond Lu

译文:https://www.cnblogs.com/lwqlun/p/10552131.html

示例代码:https://github.com/lamondlu/CompressedStaticFileSample

Web应用程序的优化是非常重要,因为使用更少的CPU,占用更少的带宽可以减少项目的费用。 在ASP.NET Core中我们可以很容易的启用响应压缩,但是针对预压缩文件,就需要做一些额外的功能了。 这篇博客文章展示了如何在ASP.NET Core中预压缩静态文件。

为什么需要预压缩文件?

虽然在从服务器请求文件时, 我们可以动态压缩文件,但这意味这Web服务器需要做更多的额外工作。 其实只有在新的应用程序部署时才会更改要压缩的文件。 越好的压缩效果需要CPU做的工作就越多。

这个事实让我们产生一个疑问:是否有可能在不对其进行反复压缩的情况下提供这些文件? 幸运的是,这个问题答案是肯定的 - 是的,我们可以在ASP.NET Core中通过扩展静态文件中间件来做到这一点。

创建预压缩文件

为了让整个演示尽量简单,我们可以使用7-Zip来压缩磁盘上的静态文件。 以下是压缩默认ASP.NET Core MVC应用程序的site.css文件时7-Zip的对话框窗口。

这里你可能注意到我启用了 Ultra压缩。这显然不是我们希望在Web服务器上动态压缩的方法,因为它太消耗CPU了。

正常情况下,这里可以使用Gulp来完成文件捆绑和收缩的功能,本文中暂时不会介绍这个。

提供压缩文件

这里我参考了Stack Overflow上的一个简单解决方案(How to gzip static content in ASP.NET Core in a self host environment. )。它处理了Javascript和CSS文件。

  1. app.UseStaticFiles(new StaticFileOptions

  2. {

  3. OnPrepareResponse = context =>

  4. {

  5. IHeaderDictionary headers = context.Context.Response.Headers;

  6. string contentType = headers["Content-Type"];

  7. if (contentType == "application/x-gzip")

  8. {

  9. if (context.File.Name.EndsWith("js.gz"))

  10. {

  11. contentType = "application/javascript";

  12. }

  13. else if (context.File.Name.EndsWith("css.gz"))

  14. {

  15. contentType = "text/css";

  16. }

  17. headers.Add("Content-Encoding", "gzip");

  18. headers["Content-Type"] = contentType;

  19. }

  20. }

  21. });

当然Javascript和CSS文件并不是唯一需要压缩的文件类型。所以这里我们不能把contentType写死。这里我采用了.NET Core Tutorials站点中提供的一个解决方案( Getting A Mime Type From A File Name In .NET Core)。对我来说这个方案已经足够简单。

  1. var provider = new FileExtensionContentTypeProvider();

  2. string contentType;

  3. if (!provider.TryGetContentType(fileName, out contentType))

  4. {

  5. contentType = "application/octet-stream";

  6. }

这里我把2个方案合并在里一起,产生了最终解决方案。

  1. var mimeTypeProvider = new FileExtensionContentTypeProvider();

  2. app.UseStaticFiles(new StaticFileOptions

  3. {

  4. OnPrepareResponse = context =>

  5. {

  6. var headers = context.Context.Response.Headers;

  7. var contentType = headers["Content-Type"];

  8. if (contentType != "application/x-gzip" && !context.File.Name.EndsWith(".gz"))

  9. {

  10. return;

  11. }

  12. var fileNameToTry = context.File.Name.Substring(0, context.File.Name.Length - 3);

  13. if (mimeTypeProvider.TryGetContentType(fileNameToTry, out var mimeType))

  14. {

  15. headers.Add("Content-Encoding", "gzip");

  16. headers["Content-Type"] = mimeType;

  17. }

  18. }

  19. });

至此,使用以上的代码,本文的主题就被解决了。

针对那些想直接使用现成库的开发人员,可以使用Nuget直接下载Peter Andersson做好的中间件。

Install-Package CompressedStaticFiles -Version 1.0.4

总结

虽然使用预压缩文件不是Web开发的主流,但它仍然可以节省CPU和带宽。 压缩静态文件可以作为ASP.NET Core应用程序构建的一个步骤。 尽管ASP.NET Core开箱即不支持预压缩文件,但我们依然可以通过扩展静态文件中间件,使其支持预压缩文件。

[小技巧]ASP.NET Core中如何预压缩静态文件相关推荐

  1. ASP.NET Core中的响应压缩

    介绍 响应压缩技术是目前Web开发领域中比较常用的技术,在带宽资源受限的情况下,使用压缩技术是提升带宽负载的首选方案.我们熟悉的Web服务器,比如IIS.Tomcat.Nginx.Apache等都可以 ...

  2. 在ASP.NET Core中使用brotli压缩

    Brotli是一种全新的数据格式,可以提供比Zopfli高20-26%的压缩比.据谷歌研究,Brotli压缩速度同zlib的Deflate实现大致相同,而在Canterbury语料库上的压缩密度比LZ ...

  3. asp.net core 教程(七)-异常处理、静态文件

    Asp.Net Core-异常处理 Asp.Net Core-异常处理 在这一章,我们将讨论异常和错误处理.当 ASP.NET Core应用程序中发生错误时,您可以以各种不同的方式来处理.让我们来看看 ...

  4. .net core 生成html,ASP.NET Core 中如何将 .cshtml 视图文件生成为 .cs 文件

    用的是 ASP.NET Core 3.0 经过折腾终于通过下面的代码将 .cshtml 生成了 .cs ,但生成的 .cs 文件无法正常使用 class Program { static void M ...

  5. Asp.Net Core中的静态文件-12

    目录 本文出自<从零开始学 ASP.NET CORE MVC>目录  推荐文章:配置 ASP.NET Core 请求(Request)处理管道 Asp.Net Core 中的静态文件 在这 ...

  6. 【复杂系统迁移 .NET Core平台系列】之静态文件

    源宝导读:微软跨平台技术框架-.NET Core已经日趋成熟,已经具备了支撑大型系统稳定运行的条件.本文将介绍明源云ERP平台从.NET Framework向.NET Core迁移过程中的实践经验. ...

  7. Asp.net Core中SignalR Core预览版的一些新特性前瞻,附源码(消息订阅与发送二进制数据)

    前言 一晃一个月又过去了,上个月有个比较大的项目要验收上线.所以忙的脚不沾地.现在终于可以忙里偷闲,写一篇关于SignalR Core的文章了. 先介绍一下SignalR吧,如下: ASP.NET S ...

  8. 在ASP.NET Core中创建自定义端点可视化图

    在上篇文章中,我为构建自定义端点可视化图奠定了基础,正如我在第一篇文章中展示的那样.该图显示了端点路由的不同部分:文字值,参数,动词约束和产生结果的端点: 在本文中,我将展示如何通过创建一个自定义的D ...

  9. 重学ASP.NET Core 中的标记帮助程序

    标记帮助程序是什么 标记帮助程序使服务器端代码可以在 Razor 文件中参与创建和呈现 HTML 元素. 例如,内置的 ImageTagHelper 可以将版本号追加到图片名称.  每当图片发生变化时 ...

最新文章

  1. 解决mysql建立的数据库名字不能带大写字母
  2. 2021操作系统知识结构图
  3. 《C++ Primer Plus》学习笔记 2.1.1 main()函数
  4. gmod的css模块放哪,gmod模式怎么更换?gmod模块安装步骤教程
  5. shell grep sed awk 练习
  6. 论文阅读 - Video Swin Transformer
  7. [LeetCode#127]Word Ladder
  8. 调用sklearn库--分类学习
  9. 谈谈在深圳挤公交那些事
  10. 幼儿园语言活动包括哪几类_幼儿园语言教学活动提问的类型及优化设计
  11. 十分钟教你学会打包APP
  12. 2023,本命年向阳而生
  13. air dots 配对_Redmi AirDots可以作为iphone的合格伴侣吗?
  14. AMD锐龙7000系列CPU命名混乱?三分钟帮你看明白
  15. spin_lock到spin_lock_irqsave的使用
  16. django教程day05
  17. java.sql.SQLException: 无效的列类型: 1111 (jdbcType相关)
  18. Omni Core v0.11.0 rpc-api
  19. 集成显卡 独立显卡 CPU核心显卡的区别
  20. anyRTC RTSP转WebRTC方案

热门文章

  1. 项目中的模块剥离成项目_使用MCEBuddy 2从电视录制中剥离广告
  2. powershell 变量_极客学院:学习PowerShell变量,输入和输出
  3. airdroid黑屏_如何使用AirDroid从PC控制Android设备
  4. BZOJ4596:[SHOI2016]黑暗前的幻想乡——题解
  5. 洛谷2296 寻找道路
  6. windows下编译firefox
  7. angular $watch
  8. 用C语言实现解析简单配置文件的小工具
  9. Blazor University (3)组件 — 创建组件
  10. [探索 .NET 6]02 比较 WebApplicationBuilder 和 Host