nodejs开启gzip压缩，使用compression包

柔情只为你懂 2022-06-02 11:47 378阅读 0赞

今天跟同事讨论起网站效率优化的问题。

说起优化，首先当然想到的是压缩功能了呀。

然后，就肯定是Gzip咯。

ok，简单的百度了一下Gzip在nodejs中的实现。

然后，

就找到了如下方式。

## 操作： ##

首先，在项目根目录下运行npm，安装Gzip所需要用到的包"compression"。

运行cmd，在E:\\ProjectOne目录下，执行以下命令。

**\[plain\]** [view plain][] [copy][view plain]

1.  npm i compression@1.6.1 --save

该命令的作用是，在当前目录下安装compression包，指定版本为1.6.1，并且将版本保存到package.json文件中。

待安装包安装完之后，我们再在app.js文件里，增加这两句代码。（请确保这个包在所有中间件之前加载。）

**\[javascript\]** [view plain][] [copy][view plain]

1.  **var** compression = require('compression');  
2.  app.use(compression());

这样，我们的服务器就已经成功启动Gzip压缩功能了。

## 测试： ##

简单测试对比一下，

在页面中加载jquery-1.11.3.min.js和zepto.min.js，这两个js文件。

然后用chrome的控制台，观察一下文件加载的情况。

未启用Gzip前，网络加载大小为93.7kb和23.4kb。

在启用Gzip之后，两个文件分别大小为32.9kb和8.8kb。

## 结论： ##

压缩率超过了60% ！！！！！

尝试在一个html中，写了3万个<h1>标签，，内容是一样的。都是<h1>hello world!</h1>这样。

原html高达812kb。在启用了Gzip之后，网页传输只用了惊人的2.9kb。

虽然是没营养的测试数据，但是还是无比高效的降低了网络传输文件大小。

有效的加速了网页内容的加载。

转载：http://blog.csdn.net/abb\_chen/article/details/50771156

[view plain]: http://blog.csdn.net/abb_chen/article/details/50771156#

发表评论取消回复

表情：

评论列表（有 0 条评论，378人围观）

还没有评论，来说两句吧...

相关阅读

相关 webpack 开启gzip压缩

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

谁借莪１个温暖的怀抱￠/ 2022年11月28日 13:25/ 0 赞/ 649 阅读

相关 Vue CLI 开启gzip压缩

gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。 webpack

墨蓝/ 2022年09月07日 09:06/ 0 赞/ 258 阅读

相关【Nginx】Nginx开启gzip压缩

在服务器Nginx开启gzip压缩是优化网站性能的方法之一，可以有效减少服务器带宽的消耗，缺点是会增大CPU的占用率，但是很多时候CPU往往是空闲最多的。引用nginx官网

客官°小女子只卖身不卖艺/ 2022年07月14日 14:59/ 0 赞/ 279 阅读

相关【Nginx】Nginx开启gzip压缩

在服务器Nginx开启gzip压缩是优化网站性能的方法之一，可以有效减少服务器带宽的消耗，缺点是会增大CPU的占用率，但是很多时候CPU往往是空闲最多的。引用nginx官网

古城微笑少年丶/ 2022年07月14日 14:59/ 0 赞/ 298 阅读

相关 nginx开启网页压缩--Gzip

1.更改nginx配置文件 vim /data/webserve/nginx/conf/nginx.conf //找到gzip on这一行，并屏蔽注释，进行修

- 日理万妓/ 2022年06月18日 10:46/ 0 赞/ 268 阅读

相关 nodejs开启gzip压缩，使用compression包

今天跟同事讨论起网站效率优化的问题。说起优化，首先当然想到的是压缩功能了呀。然后，就肯定是Gzip咯。 ok，简单的百度了一下Gzip在nodejs中的实现。然后

柔情只为你懂/ 2022年06月02日 11:47/ 0 赞/ 379 阅读

相关 nginx开启gzip压缩

在网上查了很多资料，大家都是这么说的： gzip on; gzip_min_length 1k; gzip_buffers 4 16k

超、凢脫俗/ 2022年05月20日 08:10/ 0 赞/ 293 阅读

相关 nginx 开启gzip压缩

gzip on; 开启Gzip gzip_min_length 1k; 不压缩临界值，大于1K的才压缩，一般不用改 gzip_buffers

蔚落/ 2022年02月23日 04:54/ 0 赞/ 342 阅读

相关 Feign开启GZIP压缩实战

一 pom文件 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3

「爱情、让人受尽委屈。」/ 2021年07月25日 01:26/ 0 赞/ 508 阅读

相关 resin开启gzip压缩

在web.xml中添加如下内容： <filter filter-name="gzip" filter-class="com.caucho.filters.GzipFi

亦凉/ 2021年05月12日 11:54/ 0 赞/ 853 阅读