欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程语言 > asp.net >内容正文

asp.net

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

发布时间:2023/12/4 asp.net 83 豆豆
生活随笔 收集整理的这篇文章主要介绍了 [小技巧]ASP.NET Core中如何预压缩静态文件 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

原文地址: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文件。

  • app.UseStaticFiles(new StaticFileOptions

  • {

  • OnPrepareResponse = context =>

  • {

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

  • string contentType = headers["Content-Type"];

  • if (contentType == "application/x-gzip")

  • {

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

  • {

  • contentType = "application/javascript";

  • }

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

  • {

  • contentType = "text/css";

  • }

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

  • headers["Content-Type"] = contentType;

  • }

  • }

  • });

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

  • var provider = new FileExtensionContentTypeProvider();

  • string contentType;

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

  • {

  • contentType = "application/octet-stream";

  • }

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

  • var mimeTypeProvider = new FileExtensionContentTypeProvider();


  • app.UseStaticFiles(new StaticFileOptions

  • {

  • OnPrepareResponse = context =>

  • {

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

  • var contentType = headers["Content-Type"];


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

  • {

  • return;

  • }


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


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

  • {

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

  • headers["Content-Type"] = mimeType;

  • }

  • }

  • });

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

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

    Install-Package CompressedStaticFiles -Version 1.0.4

    总结

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


    总结

    以上是生活随笔为你收集整理的[小技巧]ASP.NET Core中如何预压缩静态文件的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。