当前位置：首页 - 正文

如何用gzip的格式压缩jQuery的POST数据

发布网友发布时间：2022-04-24 07:39

共2个回答

懂视网时间：2022-04-21 22:48

背景：发现并没有压缩，查来查去是这个配置有问题写成1000k了，也就是下面这些列表都不符合条件，不给gzip压缩，gzip_min_length 1k; 不压缩临界值，大于1K的才压缩，一般不用改,被修改成1000k了，于是没有压缩，查了老半天content-type，都写了，呵呵。

修改后，在这儿测试了一下，果然压缩了：

http://pagespeed.webkaka.com/youhua/gzip/

网址 http://www.justwinit.cn/template/trielegant/styles.css 的检测结果：

是否压缩是

压缩类型 gzip

原文件大小 8704 字节

压缩后文件大小 4275 字节

压缩率 50.88%

图片是否需要启用GZip压缩？

无意间看到有网友提及，图片不用GZip压缩的。图片尽量不要使用gzip,因为gif,png等图片本身就是被压缩过的，

开启和关闭图片GZip压缩后，网页的总体积是不同的，令人惊讶的是开启图片GZip压缩后，网页总体积竟然变大了。而耗时也相应的增多了。

===========================================

1、Vim打开Nginx配置文件

vim /usr/local/nginx/conf/nginx.conf

2、找到如下一段，进行修改

gzip on;

gzip_min_length 1k;

gzip_buffers 4 16k;

#gzip_http_version 1.0;

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].";

3、解释一下

第1行：开启Gzip

第2行：不压缩临界值，大于1K的才压缩，一般不用改

第3行：buffer，就是，嗯，算了不解释了，不用改

第4行：用了反向代理的话，末端通信是HTTP/1.0，有需求的应该也不用看我这科普文了；有这句的话注释了就行了，默认是HTTP/1.1

第5行：压缩级别，1-10，数字越大压缩的越好，时间也越长，看心情随便改吧

第6行：进行压缩的文件类型，缺啥补啥就行了，JavaScript有两种写法，最好都写上吧，总有人抱怨js文件没有压缩，其实多写一种格式就行了

第7行：跟Squid等缓存服务有关，on的话会在Header里增加"Vary: Accept-Encoding"，我不需要这玩意，自己对照情况看着办吧

第8行：IE6对Gzip不怎么友好，不给它Gzip了

上面摘自：http://www.veryhuo.com/a/view/51706.html

http://www.webkaka.com/blog/archives/how-to-set-gzip-for-js-in-Nginx.html

https://segmentfault.com/q/1010000000585128

查询是否被zip压缩:

http://pagespeed.webkaka.com/youhua/gzip/

输入：

http://www.justwinit.cn/images/js/common.js?jsver=2.1.1.3626.3

=======================================

启用Gzip 可减少 54.2 KB 启用服务器Gzip，可以减少传输字节数。更多 -3分

未启用Gzip的资源有：

http://www.justwinit.cn/template/trielegant/styles.css （大小： 8.5 KB 预计可减少 5.9 KB ）

http://www.justwinit.cn/images/js/common.js?jsver=2.1.1.3626.3 （大小： 20.3 KB 预计可减少 14.8 KB ）

http://www.justwinit.cn/lang/zh-cn/jslang.js?jsver=2.1.1.3626.3 （大小： 3.7 KB 预计可减少 2.1 KB ）

http://www.justwinit.cn/images/js/ajax.js?jsver=2.1.1.3626.3 （大小： 7.4 KB 预计可减少 6.0 KB ）

http://www.justwinit.cn/images/js/swfobject.js?jsver=2.1.1.3626.3 （大小： 6.4 KB 预计可减少 4.2 KB ）

http://www.justwinit.cn/images/css/SyntaxHighlighter.css （大小： 3.6 KB 预计可减少 2.5 KB ）

http://justwinit.cn/favicon.jpg （大小： 1.9 KB 预计可减少 793 B ）

http://js.users.51.la/4950674.js （大小： 1.9 KB 预计可减少 1.1 KB ）

http://www.justwinit.cn/images/hl/shCore.js （大小： 9.5 KB 预计可减少 5.7 KB ）

http://www.justwinit.cn/images/hl/shBrushPhp.js （大小： 3.7 KB 预计可减少 2.1 KB ）

http://www.justwinit.cn/images/hl/shBrushJScript.js （大小： 937 B 预计可减少 437 B ）

http://www.justwinit.cn/images/hl/shBrushJava.js （大小： 1.0 KB 预计可减少 494 B ）

http://www.justwinit.cn/images/hl/shBrushSql.js （大小： 1.9 KB 预计可减少 964 B ）

http://www.justwinit.cn/images/hl/shBrushCss.js （大小： 4.0 KB 预计可减少 2.2 KB ）

http://www.justwinit.cn/images/hl/shBrushCpp.js （大小： 2.7 KB 预计可减少 1.4 KB ）

http://www.justwinit.cn/images/hl/shBrushPython.js （大小： 4.7 KB 预计可减少 2.5 KB ）

http://www.justwinit.cn/template/trielegant/images/logo_header.png （大小： 5.6 KB 预计可减少 237 B ）

http://www.justwinit.cn/template/trielegant/images/long.gif （大小： 924 B 预计可减少 358 B ）

http://justwinit.cn/template/trielegant/images/bridge-banner-eleven.jpg （大小： 18.9 KB 预计可减少 354 B ）

http://icon.51.la/icon_0.gif （大小： 846 B 预计可减少 101 B ）

http://eiv.baidu.com/hmt/icon/21.gif （大小： 1.1 KB 预计可减少 69 B ）

热心网友时间：2022-04-21 19:56

这是后端和服务器要考虑的事情，

不同的后端技术还不一样，

对于tomcat服务器，打开conf文件夹下的server.xml 文件

修改为

对于node.js服务器，不同的mvc框架有不同的封装

//express
var compression = require('compression');
var express = require('express');
var app = express();
app.use(compression());

//node。js 主要采用zlib

nginx开启gizp

1、Vim打开Nginx配置文件
vim /usr/local/nginx/conf/nginx.conf
2、找到如下一段，进行修改
gzip on;
gzip_min_length 1k;
gzip_buffers 4 16k;
#gzip_http_version 1.0;
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]\.";
3、解释一下
第1行：开启Gzip
第2行：不压缩临界值，大于1K的才压缩，一般不用改
第3行：buffer，就是，嗯，算了不解释了，不用改
第4行：用了反向代理的话，末端通信是HTTP/1.0，有需求的应该也不用看我这科普文了；有这句的话注释了就行了，默认是HTTP/1.1
第5行：压缩级别，1-10，数字越大压缩的越好，时间也越长，看心情随便改吧
第6行：进行压缩的文件类型，缺啥补啥就行了，JavaScript有两种写法，最好都写上吧，总有人抱怨js文件没有压缩，其实多写一种格式就行了
第7行：跟Squid等缓存服务有关，on的话会在Header里增加"Vary: Accept-Encoding"，我不需要这玩意，自己对照情况看着办吧
第8行：IE6对Gzip不怎么友好，不给它Gzip了

如何用gzip的格式压缩jQuery的POST数据

1. 判断用户端是否支持 WebWorker 和 TypedArray，如果不支持就直接提交原文本 2. 在 worker 线程里引入 pako/zlib.js/lzw 库，lzw 算法简单，类库小一些 3. 将原文本传入 worker，worker 压缩完后返回一个buffer （这里用 transferable ，传输速度会快很多倍）4. 将压缩过的buffer 提交给服务器 ...

网站页面怎么压缩?

IIS默认并不支持HTTP压缩，需要进行简单的配置1.打开Internet信息服务(IIS)管理器，右击"网站"->"属性"选择"服务"。在"HTTP压缩"框中选中"压缩应用程序文件"和"压缩静态文件"，按需要设置"临时目录"和"临时目录的最大限制"；2.提醒: 经试验此步骤在本人机器上没有作用, 可以忽略. 在 Internet信息...

django的接口是什么

使用django可以轻松将通过接口请求的数据进行gzip压缩。大大提升用户的体验。要使通过django处理的请求都进行压缩,可以使用全局配置如果想控制某个接口进行压缩,可以使用gzip_page进行配置 nginx使用GZIP django admin.site.urls 在哪安装django的目录中(pip安装默认一般是Lib\site-packages下): 例如其中的一些,log...

如何在没有 jQuery 的情况下使用 Bootstrap 组件

3、用法用法与原来的 Bootstrap 脚本类似，只是不再使用 jQuery，而用由这个项目支持的 Bootstrap 脚本。另外，如果需要的话，还要加入 polyfill。现在在标签之前引入所需要的脚本文件：文档页面上还列举了一些其它的 CDN URL。也可以将文件下载到本地，在本地使用。如果需要用到 polyfill，它们需...

如何优化jQuery Mobile库的加载速度

你好。最新的 jQuery Mobile 性能还是非常不错了。另外一定要对这些 js 文件做压缩，在 web 服务器上直接压缩例如 Nginx 上启用 gzip 压缩的方法可参考如果我的回答没能帮助您，请继续追问。

jquery1.7.2怎样压缩到21K

那个并不是指个人用户的操作，而是要配合服务器一起开启gzip压缩功能才可以的（具体的服务器比如iis或者apache上叫法不太一样，iis7下叫做静态压缩），如果有兴趣可以搜索一下IIS7配置Gzip压缩另外：官网上标明的1.7.2压缩后也不是21k，而是32k ...

PHP的gzip压缩方法 ,为什么压缩了反而更慢了。尤其浏览器缓存js以后...

压缩网页以后，是减少网络传输时间、增加服务器和浏览器的CPU占用时间，总时间的影响要区别情况，如果你用高级电脑、慢速网络，那么肯定是压缩了的好，如果是高速网络、低配置电脑，那么肯定是不压缩的好。是否采用压缩，一般是网站管理员决定，网站管理员看服务器的瓶颈是在流量上，还是CPU、内存占用上，...

jquery ajax 怎么获得返回的response headers

回答的步奏如下：$.ajax({ cache: false, type: "POST", url: "/camera_face_register.aspx", data: { Person_id: document.getElementById("pid01").value, Person_Name: document.getElementById("pname01").value, Group_id: document.getElementById("pgid01")....

网站上线后怎么压缩网页?

三.、JavaScript或CSS文件。压缩的最大好处就是降低了网络传输的数据量，从而提高客户端浏览器的访问速度。当然，同时也会增加一点点服务器的负担。Gzip是比较常见的一种、CSS等静态文件并且文件后缀启用了压缩，则Web服务器到压缩缓冲目录中检查是否已经存在请求文件的最新压缩文件；4.如果请求文件的压缩...

有关$.ajax()方法中如何从服务器获取json数据

注意在远程请求时(不在同一个域下),所有post请求都将转为get请求。json:返回JSON数据。jsonp:JSONP格式。使用SONP形式调用函数时,例如myurl?callback=,JQuery将自动替换后一个“?”为正确的函数名,以执行回调函数。三.Mime数据类型及response的setContentType()方法什么是MIME类型?在把输出结果传送到浏览器上的...

数码相机采用什么格式压缩数据数据压缩成zip格式非法压缩的dms格式数据压缩文件未知格式或数据已损坏压缩格式未知或者数据已经被损坏压缩格式未知或数据损坏弹框数据格式转换数据压缩包压缩格式未知

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

如何用gzip的格式压缩jQuery的POST数据

最新推荐

猜你喜欢

热门推荐