前言
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开箱即不支持预压缩文件,但我们依然可以通过扩展静态文件中间件,使其支持预压缩文件。
好了,以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对的支持。
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。