webpack 开启gzip压缩

开启gzip压缩可以有效压缩资源体积，压缩比率在3到10倍左右，可以大大节省服务器的网络带宽，提高资源获取的速度，但需要注意的是：并不是经过gzip压缩之后，所有文件都会变小。根据gzip使用的算法特性，代码相似率越大压缩效率越高

Webpack 配置

const CompressionWebpackPlugin = require('compression-webpack-plugin');{plugins: [new CompressionWebpackPlugin({// options})]
}

Nginx 配置

    #开启和关闭gzip模式gzip on|off;#gizp压缩起点，文件大于1k才进行压缩gzip_min_length 1k;# gzip 压缩级别，1-9，数字越大压缩的越好，也越占用CPU时间gzip_comp_level 5;# 进行压缩的文件类型。gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript ;#nginx对于静态文件的处理模块，开启后会寻找以.gz结尾的文件，直接返回，不会占用cpu进行压缩，如果找不到则不进行压缩gzip_static on|off# 是否在http header中添加Vary: Accept-Encoding，建议开启gzip_vary on;# 设置压缩所需要的缓冲区大小，以4k为单位，如果文件为7k则申请2*4k的缓冲区 gzip_buffers 2 4k;# 设置gzip压缩针对的HTTP协议版本gzip_http_version 1.1;

验证方式

Response Headers 中可以看到 Content-Encoding: gzip

webpack 开启gzip压缩相关推荐

webpack+nginx开启gzip压缩部署项目
首先在服务器安装nginx sudo apt update sudo apt install nginx 安装完毕后将前端项目打包 webpack.output.publicPath里配置资源基础路径 ...
webpack插件开启gzip压缩
一.前端vue.config.js配置 1.下载compression-webpack-plugin cnpm i compression-webpack-plugin@6.1.1 --save 2. ...
性能优化实践：快速开启 Gzip 压缩
概念初探 Gzip,全称为 GNU zip,是一种无损压缩文件的算法.其底采用的是 DEFLATE,而 DEFLATE 是 LZ77 与哈夫曼编码的一个组合体. 通常来说,"Gzip 压 ...
godaddy php5.ini,Godaddy主机如何开启GZIP压缩 | Godaddy美国主机中文指南
为什么要开启GZIP压缩呢?原因很简单:使用GZIP压缩技术能让用户感受更快的速度.这一般是指WWW服务器中安装的一个功能,当有人来访问这个服务器中的网站时,服务器中的这个功能就将网页内容压缩后传输到 ...
apache开启 gzip 压缩
apache开启 gzip 压缩这里我使用的是Apache2.4.17 打开apache安装目录,找到conf目录,用记事本打开httpd.conf 文件. ctrl+f 查找去掉 #LoadMo ...
Apache开启Gzip压缩,LAMP网页压缩
源自http://hi.baidu.com/mrlbz/blog/item/69447759beedafc19d82046b.html 我Wordpress的主机为LAMP架构,即Linux+ Apa ...
PHP网站开启gzip压缩,php中开启gzip压缩的2种方法代码
Gzip网页压缩可以大幅度提升网站访问速度,对于网站在国外的站来说,这是必不可少的一步,提升网页打开速度非常明显,现在我们就系统的来认识一下这个Gzip的庐山真面目. 一.何为GZIP GZIP概念 ...
服务器端如何开启GZIP压缩功能
我们知道做好负载均衡对网站的正常运行,用户体验相当重要.在负载均衡中有一个必须要做的事情就是给服务器开启GZIP压缩功能,对用户请求的页面进行压缩处理,以达到节省网络带宽,提高网站速度的作用. GZI ...
Nginx开启Gzip压缩配置详解
Nginx开启Gzip压缩配置详解最近生产上发生了一些问题,原先所有的静态资源文件都是经过gzip压缩的,然而这几天突然都没有压缩了,经过一顿排查,发现是Nginx的配置有问题,借此机会详细了解了N ...

webpack 开启gzip压缩

webpack 开启gzip压缩相关推荐

最新文章

热门文章