性能优化

因.Net MVC为前后端混合项目，无法进行模块加载编译，目前可进行的优化为Gzip压缩以及官方提供的静态资源捆绑压缩（资源引入更推荐使用CDN的方式引入）

Gzip

gzip(GNU- ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用户浏览页面的时候速度会快得多。

在项目中添加一个全局过滤器，加入以下代码
加完后还需在App_Start - FilterConfig.cs进行配置

public class LoginFilter : ActionFilterAttribute
{
    public override void OnActionExecuting(ActionExecutingContext filterContext)
    {
		// Gzip压缩
        var acceptEncoding = filterContext.HttpContext.Request.Headers["Accept-Encoding"];
        if (!string.IsNullOrEmpty(acceptEncoding))
        {
            acceptEncoding = acceptEncoding.ToLower();
            var response = filterContext.HttpContext.Response;
            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);
            }
        }
    }
}

在这里插入图片描述

资源捆绑

Asp.Net MVC4和.NET Framework4.5所提供的支持捆绑和压缩的新类库System.Web.Optimization

捆绑-将多个资源文件（javascript,css）合并成一个单独的文件
压缩资源文件-清理空格，换行等，压缩文件大小
自动清理缓存-服务端更新资源时，客户端不再使用缓存资源，而是重新从服务端缓存

官方文档：https://docs.microsoft.com/en-us/aspnet/mvc/overview/performance/bundling-and-minification

在BundleConfig中对捆绑资源进行配置

public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
    	// 将项目中的多个js文件捆绑为一个clientfeaturesscripts.js文件
         bundles.Add(new ScriptBundle("~/bundles/clientfeaturesscripts")
                .Include("~/Scripts/vue-{version}.js",
                        "~/Scripts/element-ui.js",
                        "~/Scripts/axios.min.js"));
		bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/*.css"));
    }
}

页面引用资源

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>页面</title>
    @Styles.Render("~/Content/css")
</head>
<body>
	
    @Scripts.Render("~/bundles/clientfeaturesscripts")
    @RenderSection("scripts", required: false)
</body>
</html>