在vue项目中,使用了compression-webpack-plugin,进行build时,部分大小满足设置的文件,会生成gz文件,1.导致打包后的dist文件增大 2.需要在nginx中开启gzip测试发现,文件大小改变不是特别明显,所以,请问在项目中,1.有必要使用该插件吗2.nginx获取前端打包文件,会先压缩为gz,然后返给浏览器吗
compression-webpack-plugin 主要是提前做 gzip 处理得到 .gz 文件。当浏览器访问静态资源时,静态资源服务器根据请求头中 Accept-Encoding 字段判断请求端是否支持 gzip 解压,如果支持,那么返回 .gz 文件,否则返回原文件。
Accept-Encoding
通常 .gz 文件会比原文件小很多,所以可以实现降低带宽、提高页面响应速度的效果。
nginx 常用的 gzip 模块有两个,ngx_http_gzip_static_module 和 ngx_http_gunzip_module。当 nginx 作为静态资源服务器时,可以通过前者服务 .gz 文件。当 nginx 作为反向代理/负载均衡,可以通过后者实时做 gzip 压缩,当然这要以相当的 CPU 资源消耗为代价。
2.1m questions
2.1m answers
63 comments
56.6k users