前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >关于angular4在nginx 上部署优化访问速度

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

作者头像
用户1437675
发布2018-08-20 11:09:16
3240
发布2018-08-20 11:09:16
举报
文章被收录于专栏:Angular&服务Angular&服务

一般我们编译出来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处理之后的加载资源文件大小

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017.06.21 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档