珠海手机网站,平台运营,下载app 的网站 如何做,东营区综合频道在线直播观看gzip是GNUzip的缩写#xff0c;它是一个GNU自由软件的文件压缩程序。它最早由Jean-loup Gailly和Mark Adler创建#xff0c;用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz的文件#xff0c;它们就是GZIP格式的。现今已经成为Internet 上使用非常普遍的一种数据… gzip是GNUzip的缩写它是一个GNU自由软件的文件压缩程序。它最早由Jean-loup Gailly和Mark Adler创建用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz的文件它们就是GZIP格式的。现今已经成为Internet 上使用非常普遍的一种数据压缩格式或者说一种文件格式。 HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术。大流量的WEB站点常常使用GZIP压缩技术来让用户感受更快的速度。减少文件大小有两个明显的好处一是可以减少存储空间二是通过网络传输文件时可以减少传输的时间。 当然WEB服务器和客户端浏览器必须共同支持gzip。目前主流的浏览器Chrome,firefox,IE等都支持该协议。常见的服务器如ApacheNginxIIS同样支持gzip。 下面就以Vue项目为例介绍一下gzip的使用vue-cli 2.* 1、在/config/index.js中修改配置开启gzip // Gzip off by default as many popular static hosts such as
// Surge or Netlify already gzip all static assets for you.
// Before setting to true, make sure to:
// npm install --save-dev compression-webpack-plugin
productionGzip: true,
productionGzipExtensions: [js, css], 在修改productionGzip的默认值false为true之前先安装所需的依赖npm install --save-dev compression-webpack-plugin。 如果按上述操作完成后打包时出错建议更换低版本的compression-webpack-plugin推荐使用1.1.12或者1.1.11版本等npm uninstall --save-dev compression-webpack-pluginnpm install --save-dev compression-webpack-plugin1.1.12 2、在nginx中开启gzip/nginx/conf/nginx.conf中添加gzip配置 http:{ #启用或禁用gzipping响应。#gzip on; #设置用于压缩响应的缓冲区number和size。默认情况下缓冲区大小等于一个内存页面。这是4K或8K具体取决于平台。#gzip_static on;#启用或禁用gzipping响应。#gzip_buffers 4 16k;#设置level响应的gzip压缩。可接受的值范围为1到9。#gzip_comp_level 5;#设置将被gzip压缩的响应的最小长度。长度仅由“Content-Length”响应头字段确定。#gzip_min_length 100;#匹配MIME类型进行压缩text/html默认被压缩。#gzip_types text/plain application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
} 修改完nginx配置重启服务。 关于gzip详细的配置和描述请查阅 Module ngx_http_gzip_module 至此gzip已开启。你可以运行你的项目去检测一下。 打开Chrome控制台可以看到Network下的Response Headers中返回了Content-Encoding: gzip表明gzip开启成功。而Request Headers里面的Accept-Encoding: gzip只是表示前端用户浏览器支持gzip的压缩方式。 服务器支持gzip的方式可以有两种 1、打包的时候生成对应的.gz文件浏览器请求xx.js时服务器返回对应的xxx.js.gz文件 2、浏览器请求xx.js时服务器对xx.js进行gzip压缩后传输给浏览器
