关于angular4在nginx 上部署优化访问速度

2018-08-20 11:09:16 浏览数 (1)

一般我们编译出来angular4 项目,让到nginx上用户访问,用户加载资源的时候一般加载

正常情况加载出来项目的资源情况

我们看到 scripts.bundle.js文件大小 2.1M vendor.bundle.js 文件大小 5.1M

这样用户加载资源很多。

所以我们要优化用户加载资源

我们需要配置nginx开启gzip配置

修改nginx 配置文件

代码语言:javascript复制
    gzip  on;
    //开启Gzip

    gzip_static on;
    //gzip是否为压缩之后的。如果没有打包成gzip资源就去掉该行。

    gzip_min_length 1k;
    //不压缩临界值,大于1K的才压缩,一般不用改

    gzip_buffers 4 16k;
    //buffer,不知道,反正不用修改

    gzip_comp_level 2;
    //压缩级别,1-10,数字越大压缩的越好,时间也越长,看心情随便改吧

    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
    //进行压缩的文件类型,缺啥补啥就行了,JavaScript有两种写法,最好都写上吧,总有人抱怨js文件没有压缩,其实多写一种格式就行了

    gzip_vary on;
    //跟Squid等缓存服务有关,on的话会在Header里增加"Vary: Accept-Encoding"
    gzip_disable "MSIE [1-6].";
    //IE6对Gzip不怎么友好,不给它Gzip了

然后重启nginx 服务

nginx处理之后的加载资源文件大小

0 人点赞