经典Bug永流传---每周一“虫”(十)

Web前端优化GZIP压缩知识普讲：

不是每个浏览器都支持gzip的，如何知道客户端是否支持gzip呢，抓包，看请求头中有个Accept-Encoding来标识对压缩的支持。原理是：当客户端请求到服务端的时候，服务器解析请求头，如果客户端支持gzip压缩，响应时对请求的资源进行压缩并返回给客户端，浏览器按照自己的方式解析，在http响应头，我们可以看到content-encoding:gzip，这是指服务端使用了gzip的压缩方式。

注：gzip基本不压缩图片，因为压缩之后会更大，所以一般到是压缩css和js。

web前端性能优化

步骤：

在XXXX页面，抓包数据查看response header

结果：

发现响应头部信息中，没有出现content-encoding:gzip

期望：

服务端应该进行gzip压缩，来减少js及css文件大小

修改以后：

文件大小都变小了

经典:

1.需要有前端优化的基本知识；

2.需要知道什么场景下，做这种测试，如何判断，如何测；

3.很容易忽略漏测的问题；

预防：

1.该Bug分享到测试组并且提醒他人测试下是否有该问题，特别是新项目；

2.登记到经典Bug库，每月例会讲解；

3.完善web前端性能测试用例库；

如您有很多经典的Bug，欢迎联系我或者留言，让我们一起把收集的经典的Bug分享给大家，而不是压箱底，“金子”是要拿出来，才会看到它在发光~