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分享给大家,而不是压箱底,“金子”是要拿出来,才会看到它在发光~