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

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

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

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

这样用户加载资源很多。

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

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

修改nginx 配置文件

    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处理之后的加载资源文件大小