nginx gzip压缩 nginx配置gzip压缩

关于nginx gzip压缩，nginx配置gzip压缩这个很多人还不知道，今天小天来为大家解答以上的问题，现在让我们一起来看看吧！

nginx gzip压缩 nginx配置gzip压缩

nginx gzip压缩 nginx配置gzip压缩

1、由于我们团队的前端项目越来越庞大，加之Vue的SPA首屏加载特性，导致系统次加载速度越来越缓慢，可能达到几十秒的程度，所以为了优化用户性能体验，我们选择了开启Gzip进行文件压缩，确实达到了显著的效果。

2、Gzip原本用户UNIX系统的文件压缩，后来逐渐成为Internet最主流的数据压缩格式。

3、当用户访问我们的web站点时，就将我们的网页文件进行压缩，将压缩后的文件传输到客户端，对于纯文本文件我们可以至少压缩到原大小的40%，这样大大提高了传输效率，页面便可更快的加载出来。

4、测试效果$unzip-ntext.zip-d/tmp我们应尽可能减少对服务端内存的使用，毕竟服务端的资源是十分宝贵的，这里我们仍然使用nginx进行前端部署，我们在客户端替nginx处理压缩文件这一步作，nginx便可直接使用我们压缩好的文件，下面是一个基于vue-cli配置的前端项目。

5、这里安装低版本，防止报错。

6、这里可以根据大家不同的配置，总之就是将webpack插件进行注册。

7、成功运行后，便可以在打包文件中看到.gz结尾的文件了，将打包后的文件上传到指定的nginx文件夹下。

8、安装nginx修改nginx.conf这里我们虽然服务端js文件夹里只有.gz格式的文件（其他的文件已删除），但客户端却成功读取了。

9、无论是服务启动nginx服务端与客户端进行gzip的压缩，我们都大大缩小了文件体积，给用户带来了更好的体验。

10、服务端处理gzip优点是只需配置一下即可，无需复杂作，但缺点是会消耗内存。

11、客户端处理gzip优点是无需进行文件压缩，减少内存消耗，但配置起来相比服务端gzip会稍加繁琐。

12、Nginx中文文档什么是GZIP,有什么优势,如何开启GZIP?vue-cli4 开发项目中开启gzip压缩，优化打包体积，提升加载速度Nginx gzip static静态压缩配置nginx直接使用webpack生成的gz压缩文件，而不用nginx自己压缩。

本文到这结束，希望上面文章对大家有所帮助。