用create-react-app创建的react应用打包之后的build js有1M之多. 采用gzip打包传输,可以节约70%左右的带宽

nginx采用gzip打包方式

在nginx配置中添加如下字段

gzip on;
gzip_buffers 32 4k;
gzip_comp_level 6;
gzip_min_length 200;
gzip_types text/css text/xml application/javascript;
gzip_vary on;

然后重启nginx即可

nginx -s reload

对比前后的文件大小和速度

压缩前 2.57s

压缩后0.883s

关于nginx的文章

nginx服务器安装及配置文件详解

nginx配置location总结及rewrite规则写法

nginx配置ssl加密(单/双向认证、部分https)

nginx做负载均衡器以及proxy缓存配置

Nginx+Keepalived实现站点高可用

相同域名多个vue应用的部署

https://www.cnblogs.com/lcosima/p/9627165.html

最新文章

  1. mavan 常用命令
  2. MVC3实现多个按钮提交
  3. 简单介绍Android应用特色及详解四大组件
  4. javascript优化--03高质量编码
  5. php5 date()获得的时间不是当前时间
  6. Storyboards vs NIB vs Code 大辩论
  7. "Money, Money, Money"
  8. An FPS counter.
  9. iScroll 下拉刷新
  10. Webserver管理系列:1、安装Windows Server 2008
  11. 使用Visifire+ArcGIS API for Silverlight实现Graphic信息的动态图表显示
  12. JMS(java消息服务)整合Spring项目案例
  13. React学习总结(一)
  14. Python面向对象——内置对象的功能扩展
  15. C/C++中的函数指针的使用与总结
  16. [转] ElasticSearch 常用的查询过滤语句
  17. linux基础07-bash编程(变量,变量类型)
  18. 在CentOS7中利用yum命令安装mysql
  19. Docker 图形化页面管理工具使用
  20. C语言位操作--逻辑运算符组合

热门文章

  1. 好程序员web前端分享12个CSS高级技巧汇总
  2. Git-删除文件后找回-比较文件差异
  3. Selenium WebDriver原理(一):Selenium WebDriver 是怎么工作的?
  4. 第二部分之Redis服务器(第十四章)
  5. mysql中explain的type的解释
  6. git在多迭代版本的应用
  7. IP地址、子网掩码、默认网关是什么意思?
  8. k8s-jenkins 自动化1
  9. 【LOJ6515】贪玩蓝月
  10. CF1153 F. Serval and Bonus Problem(dp)