当项目需要提交至外网环境时,可将js和css进行压缩,以提高页面的加载速度。
1 .node.js进行压缩
2 .nginx的gzip模块进行压缩
//设置最小大小,阙值
gzip_buffers 4 16k; //设置缓冲大小
#gzip_http_version 1.0; //使用HTTP协议版本
gzip_comp_level 2; //压缩等级
gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd- php image/jpeg image/gif image/png; //压缩的文件类型
gzip_vary off;
gzip_disable "MSIE [1-6]\."; //设置当浏览器为ie6时,则不使用gzip压缩功能。
3.直接使用开源中国提供的功能 :
将压缩后的复制到一个新的文件夹下。此时这个新的文件就是压缩后的文件大小,相比之前的区别在于它的文
件大小较之前的文件大小 小了许多。。。比如本来是10k的文件,现在只剩下5K或者更小。
。。。当然还有其他的方法,在此处不作阐述。
进行js css压缩有多种方式 :
注:此方法未使用过
注:详细配置
在HTTP模块添加如下几段代码即可。
gzip on; //开启gzip
gzip_min_length 1k; gzip_buffers 4 16k;
#gzip_http_version 1.0; //使用HTTP协议版本
gzip_comp_level 2;
gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd- php image/jpeg image/gif image/png;
gzip_vary off;
gzip_disable "MSIE [1-6]\.";
注: "tool.oschina.net"
此方法操作起来有些繁杂,即将本地写好的js或css代码 ,通过此网址提供的js、css压缩功能压缩后再重新