我之前的文章已经说过了,我把性能分为三个级别的,这次咱们说下页面级别的测试与调优,下面就以一个实例来说明。

现象:

1、公司网站在有活动期间异常的慢,而后端流量没什么诡异表现

2、平常页面表现比较正常,速度也比较快

测试:

对于性能测试来说,我个人觉得,除了基本的知识和能力外,最有说服力的就是数据+对比。因此大致思路可以是这样的:挑选一类的几个网站相同的页面做对比分析,包括total requests,total time,total bytes received等等指标。

那么如何测试呢?这时候就需要借助于工具和脚本了,我们有两种方式:

a、httpwatch

b、自己开发的一个测试页面的框架,能统计出js渲染,第一屏,以及全部打开等等各个数据,很多。。。。。

分析:

出来数据对比后,就需要好好分析了,对异常的或者和其他网站比起来差的地方深入分析。我们对比后发现requests,time等指标都高于同类网站,但具体的位置无法定位,那怎么办呢?

这时候我们利用yslow+showslow即可达到意想不到的效果,经过再次全面测试发现,原来我们的与域名无关性的cookie和experis的指标非常的低,但是明明静态资源像图片什么的都放到了二级域名里了啊,怎么回事呢?

这里需要指出的是,如果你的域名采用了泛解析,那么放入二级域名是无效的,仍然会发送cookie的URL浪费时间和带宽。

解决方案:

既然发现问了,那我们就解决!!!稍等,其实在这之前你要先和运维的童鞋确认下更保险。

解决方法也简单,那就是在买个域名,来部署就ok了。

结果:

重新部署完后+优化了experis的利用后,前端网页性能大大提升。

小结:

性能测试不仅仅是关注后端的,前端同样重要,这就是水桶原理,取决于短的那个木板,国内对前端性能测试还不是太重视,实际中我在努力推行,保证每个层级的性能都能到达合适的程度,这样网站的整体性能才会上来。