上节课我们学了cache(缓存),今天这节课,我们主要学习下压缩解压。
![4809fca9a84c892dd1ea944e8e022ca3.png](https://i-blog.csdnimg.cn/blog_migrate/a50367e82149d4fe3b43a1e94331a202.jpeg)
川石软件测试
一、什么是HTTP压缩?
HTTP压缩采用通用的压缩算法如gzip等压缩HTML、JavaScript或CSS文件。
1.GZIP是一种数据格式,默认且目前仅使用deflate算法压缩data部分;Gzip是一种流行的文件压缩算法,现在的应用十分广泛,尤其是在Linux平台。当应用Gzip压缩到一个纯文本文件时,效果是非常明显的,大约可以减少70%以上的文件大小。这取决于文件中的内容。
2.DEFLATE压缩与解压的源代码可以在自由、通用的压缩库zlib上找到。
更高压缩率的DEFLATE是7-zip所实现的。AdvanceCOMP也使用这种实现,它可以对gzip、PNG、MNG以及ZIP文件进行压缩从而 得到比zlib更小的文件大小。在Ken Silverman的KZIP与PNGOUT中使用了一种更加高效同时要求更多用户输入的DEFLATE程序。
deflate是一种压缩算法,是huffman编码的一种加强。
deflate与gzip解压的代码几乎相同,可以合成一块代码。
http压缩可以分为两种,一种是客户端压缩,还有一种是服务端压缩。
先看下 服务端压缩。
二、用fiddler找到一个response里Content-Encoding: gzip参数为gzip的url
(好像服务端用gzip压缩过的比较难找,别捉急,后面会讲到怎么去找)
![a201df5a493c70cf76ac6ff10e3b9f25.png](https://i-blog.csdnimg.cn/blog_migrate/83d127c9e71e9fc273dbbfd0f46b5fd5.jpeg)
川石软件测试
request:client里参数Accept-Encoding: gzip, deflate(说明客户端支持解压gzip,如右上图)
response:Content-Encoding: gzip(说明服务端传过来的格式是gzip格式,如右下图)
很显然服务端返回的gzip格式显示的是乱码
三、HTTP压缩工作原理
![f56b87b07e7f151ef5d8430095d35984.png](https://i-blog.csdnimg.cn/blog_migrate/65a8ec4321c91345e7d26b06ee8a96ce.jpeg)
川石软件测试
1. 浏览器发送Http request 给Web服务器, request 中有Accept-Encoding: gzip, deflate。 (告诉服务器, 浏览器支持gzip压缩)
2. Web服务器接到request后, 生成原始的Response, 其中有原始的Content-Type和Content-Length。
3. Web服务器通过Gzip,来对Response进行编码, 编码后header中有Content-Type和Content-Length(压缩后的大小), 并且增加了Content-Encoding:gzip. 4. 把Response发送给浏览器。
5. 浏览器接到Response后,根据Content-Encoding:gzip来对Response 进行解码。 获取到原始response后, 然后显示出网页。
四、fiddler如何模拟解压服务端response数据
- 先打开测试论坛主页http://120.25.145.237/upload/forum.php
2.fiddler先清屏(命令行输入cls,回车)
![ea5dc6e7d2ecd57ec946003c97ccc555.png](https://i-blog.csdnimg.cn/blog_migrate/5532af61e0acad295ff15da322ee91f7.jpeg)
川石软件测试
3.crtl+f5刷新,你懂得(上章已经讲过)
4.找到最上面那个url(论坛主页)
5.点开查看,如下图
![defd7b50594a8d55cf25bb30b3f49fc8.png](https://i-blog.csdnimg.cn/blog_migrate/2c6a3d58f30783190362220e6d1f133a.jpeg)
川石软件测试
Raw:Transfer-Encoding: chunked(很显然,服务端传过来数据没加密)
6.点开Transformer区域,如下图
![522ac45e39ba33b4eba9cc7d7537a351.png](https://i-blog.csdnimg.cn/blog_migrate/0cc484970f2b2889ecc600836fa64133.jpeg)
川石软件测试
7.点击黄色区域解码后,再回到Raw,发现response编码格式已经变成html了
![9e7ba51fcf5236e7c775cc4250ccec8c.png](https://i-blog.csdnimg.cn/blog_migrate/470e0497563585efd2717b3561db48e0.jpeg)
川石软件测试
(注:fiddler比较人性化地方:当你点左侧url时,如果response有压缩加密,fiddler会在response上方区域显示黄色栏。也可以点工具栏左上方"Decode"按钮,这样会全部自动解压)
五、fiddler如何模拟服务端response数据压缩
- 重复上面操作,到第六步后,把勾去掉,如图
![095ec5ceb87f32192758ffec8baf6879.png](https://i-blog.csdnimg.cn/blog_migrate/3b3c798bf6e02c2ba5df13dec35e5667.jpeg)
川石软件测试
2.此时HTTP Compression区域是可选状态了,选中GZIP项后,会发现response body字节数变小了很多
![7b764f85f303aba92f00477a8ff2be32.png](https://i-blog.csdnimg.cn/blog_migrate/0283b6fb63aa20bd9d76fcb363aa5aee.jpeg)
川石软件测试
3.回到Raw界面,Content-Encoding: gzip,下方显示乱码了,说明已压缩成功
![3070c8b162451468896fad40d887ad52.png](https://i-blog.csdnimg.cn/blog_migrate/a72b145f64866a535babbce04107023a.jpeg)
川石软件测试
六、服务端压缩格式:
可以参考上面第一张图,红色区域
HTTP Compression
None 无压缩处理
gzip 表明实体采用GNU zip编码
deflate 表明实体是用zlib的格式压缩的
其它的没研究过
七、客户端压缩
有时候客户端提交的表单数据较大时,也可以先再客户端压缩后,再发给服务器,原理跟服务端压缩差不多,就不多说了。
八、压缩好处
对比上面两张图,压缩类型选择None时候
response body:69,122 bytes
压缩类型选择gzip时候
response body :12,285 bytes
可以算下压缩比例为18%左右,能节省80%左右流量,很明显最大的好处就是给用户省流量,给服务端节省带宽。使网页加载速度加快,节省流量,改善用户的浏览体验。(对于电脑用户来说没什么,但是对于手机党,流量伤不起啊!)
九、压缩缺点
既然压缩有这么多好处,那么为什么不是所有的都采用压缩呢。也许压缩几条http请求没太大影响,当请求个数是几百上千时,如果每次都压缩,会给客户端和服务端造成较大负担(毕竟会经过压缩解压两道工序)。所以一般页面请求数据较大时,采用压缩是很有必要的。
十、流量测试
经常有小伙伴问:流量怎么测?用什么工具?
当问这个问题的时候,估计你平常测试也没关注过流量,直到有一天你们客户反馈耗流太大。然后领导把难题丢给你:嘿,你不是做测试的吗?去把流量测下。于是你就各种求助,终于找到一个测试流量工具,发现确实消耗了很多流量,然后你又把难题甩给开发。开发也看了半天,找不到头绪,然后告诉你,这个没办法,就是要消耗这么多流量。(谁让你拿不出有力证据呢)
看完这篇后,你还在找工具测流量么,只需要抓包,找到罪魁祸首,定位到某个url请求。然后告诉你们开发,你这条请求耗流太大,没做压缩处理。接下来,你就可以坐等开发跪舔你吧~~~~
哈哈,今天的课程就结束了,还没关注的同学快快关注吧,每天都有精彩的内容等着你哦!