关闭

nodejs开启gzip压缩,使用compression包

标签: compression包页面压缩
67人阅读 评论(0) 收藏 举报
分类:

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

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

然后,就肯定是Gzip咯。

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

然后,

就找到了如下方式。

操作:

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

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

[plain] view plain copy
  1. npm i compression@1.6.1 --save  

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


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

[javascript] view plain copy
  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

0
0
查看评论

基于node的uglifyjs压缩JS

首先安装nodejs(windows下安装nodejs) 1.下载安装文件 下载地址:官网http://www.nodejs.org/download/ 2.安装文件 3.安装文件 nodejs,默认是安装在C:\Program Files\nodejs下面,我也就...
  • ywj5200
  • ywj5200
  • 2016-12-29 15:59
  • 2105

node 解压缩文件

包:unzip var extract = unzip.Extract({ path: 'C:/Users/19area_h/Desktop/down'(解压后存放位置) }); extract.on('error', function(err) {...
  • Hanzwii
  • Hanzwii
  • 2018-01-22 17:50
  • 26

grunt基于NodeJS打包压缩JS和CSS

以现在前端js激增的态势,一个项目下来几十个js文件轻轻松松 对于复杂一点的单页应用来说,文件上百简直是家常便饭,那么这个时候我们的js文件应该怎么处理呢? 另外,对于css文件,又该如何处理呢?? 这些都是我们实际工作中要遇到的问题,比如我们现在框架使用zepto、backbone、unde...
  • u013538542
  • u013538542
  • 2015-05-24 11:12
  • 2190

nodejs开启gzip压缩,使用compression包

今天跟同事讨论起网站效率优化的问题。 说起优化,首先当然想到的是压缩功能了呀。 然后,就肯定是Gzip咯。 ok,简单的百度了一下Gzip在nodejs中的实现。 然后, 就找到了如下方式。 操作: 首先,在项目根目录下运行npm,安装Gzip所需要用到的包...
  • aaa333qwe
  • aaa333qwe
  • 2017-10-17 22:15
  • 254

ProjectOne(06) - 番外篇03 nodejs开启gzip压缩,使用compression包

今天跟同事讨论起网站效率优化的问题。 说起优化,首先当然想到的是压缩功能了呀。 然后,就肯定是Gzip咯。 ok,简单的百度了一下Gzip在nodejs中的实现。 然后, 就找到了如下方式。 操作: 首先,在项目根目录下运行npm,安装Gzip所需要用到的包"compression&quo...
  • abb_chen
  • abb_chen
  • 2016-03-01 11:38
  • 3824

为你的网站开启 gzip 压缩功能(nodejs、nginx)

转载:http://www.phperz.com/article/16/0426/215275.html Nginx WEB服务器 Nginx 是一个高性能的 HTTP 和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器。 Nginx 是由 Igor Sysoev 为俄罗斯...
  • shmnh
  • shmnh
  • 2016-07-25 20:55
  • 3738

Node.js压缩包

  • 2017-07-28 10:10
  • 48.32MB
  • 下载

前端开发环境搭建 node+webpack+babel+js压缩

记录前端继承开发环境的配置步骤,使用到npm + node + webpack + babel + js压缩工具,完成前端项目创建+插件下载+模块化开发+压缩打包测试。1 安装node+npm可以直接去node官网下载node然后安装,网上有很多教程所以不再介绍,这篇文字主要写开发环境的配置 安装...
  • sxqlmc000
  • sxqlmc000
  • 2017-08-15 19:18
  • 231

NodeJs——(18)express启用gzip

gzip是用于压缩,效果特别好,js、css等文件的压缩率一般高达70%具体方法如下:先安装一个依赖npm install compression --save然后在已有代码里(一般是app.js)找到以下代码var app = express();修改为:var compression = req...
  • qq20004604
  • qq20004604
  • 2017-08-06 01:08
  • 519

网站优化之设置tomcat7开启Gzip压缩

测试效果明显。 文章来源: http://www.dianfusoft.com/showDetail.action?articleId=130305234111 今日突然心血来潮用百度站长工具检测自己的网站质量怎么样,蓦然发现网站有很多需要改进的地方。也许以前做网站只注重结...
  • echo3
  • echo3
  • 2013-08-25 23:06
  • 4180
    个人资料
    • 访问:179855次
    • 积分:3141
    • 等级:
    • 排名:第13044名
    • 原创:121篇
    • 转载:171篇
    • 译文:0篇
    • 评论:21条
    最新评论