ProjectOne(06) - 番外篇03 nodejs开启gzip压缩,使用compression包
来源:互联网 发布:手机淘宝海报在线制作 编辑:程序博客网 时间:2024/06/09 21:43
今天跟同事讨论起网站效率优化的问题。
说起优化,首先当然想到的是压缩功能了呀。
然后,就肯定是Gzip咯。
ok,简单的百度了一下Gzip在nodejs中的实现。
然后,
就找到了如下方式。
操作:
首先,在项目根目录下运行npm,安装Gzip所需要用到的包"compression"。
运行cmd,在E:\ProjectOne目录下,执行以下命令。
npm i compression@1.6.1 --save
该命令的作用是,在当前目录下安装compression包,指定版本为1.6.1,并且将版本保存到package.json文件中。
待安装包安装完之后,我们再在app.js文件里,增加这两句代码。(请确保这个包在所有中间件之前加载。)
var compression = require('compression');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。
虽然是没营养的测试数据,但是还是无比高效的降低了网络传输文件大小。
有效的加速了网页内容的加载。
0 0
- ProjectOne(06) - 番外篇03 nodejs开启gzip压缩,使用compression包
- nodejs开启gzip压缩,使用compression包
- 为你的网站开启 gzip 压缩功能(nodejs、nginx)
- 为你的网站开启 gzip 压缩功能(nodejs、nginx)
- 如何开启gzip压缩
- .htaccess开启Gzip压缩
- apache开启gzip压缩
- nginx 开启 gzip 压缩
- HttpWebRequest开启gzip压缩
- wamp 开启gzip压缩
- 开启gzip压缩传输
- thinkphp开启GZIP压缩
- django开启gzip压缩
- Tomcat开启Gzip压缩
- Tomcat 开启Gzip压缩
- apache开启gzip压缩
- apache 开启gzip压缩
- Apache 开启Gzip 压缩
- 我的博客即将入驻“云栖社区”,诚邀技术同仁一同入驻。
- Mac上配置adb命令
- Android WebView 踩过的坑
- 【项目管理和构建】——Maven下载、安装和配置(二)
- android电话自动接听/挂断
- ProjectOne(06) - 番外篇03 nodejs开启gzip压缩,使用compression包
- 2016年Android市场的8个大胆预测
- Linux下TFTP服务的安装、配置和操作
- Java中重载与重写的区别
- js 回调函数
- android 电容屏(一):电容屏基本原理篇
- PackageManager使用
- POI 操作office2007
- POJ 2387 Til the Cows Come Home(简单的Dijkstra算法)