頁(yè)面級(jí)別性能測(cè)試分析

我之前的文章已經(jīng)說(shuō)過(guò)了，我把性能分為三個(gè)級(jí)別的，這次咱們說(shuō)下頁(yè)面級(jí)別的測(cè)試與調(diào)優(yōu)，下面就以一個(gè)實(shí)例來(lái)說(shuō)明。

現(xiàn)象：

1、公司網(wǎng)站在有活動(dòng)期間異常的慢，而后端流量沒(méi)什么詭異表現(xiàn)

2、平常頁(yè)面表現(xiàn)比較正常，速度也比較快

測(cè)試：

對(duì)于性能測(cè)試來(lái)說(shuō)，我個(gè)人覺(jué)得，除了基本的知識(shí)和能力外，最有說(shuō)服力的就是數(shù)據(jù)+對(duì)比。因此大致思路可以是這樣的：挑選一類的幾個(gè)網(wǎng)站相同的頁(yè)面做對(duì)比分析，包括total requests，total time，total bytes received等等指標(biāo)。

那么如何測(cè)試呢？這時(shí)候就需要借助于工具和腳本了，我們有兩種方式：

a、httpwatch

b、自己開(kāi)發(fā)的一個(gè)測(cè)試頁(yè)面的框架，能統(tǒng)計(jì)出js渲染，第一屏，以及全部打開(kāi)等等各個(gè)數(shù)據(jù)，很多。。。。。

分析：

出來(lái)數(shù)據(jù)對(duì)比后，就需要好好分析了，對(duì)異常的或者和其他網(wǎng)站比起來(lái)差的地方深入分析。我們對(duì)比后發(fā)現(xiàn)requests，time等指標(biāo)都高于同類網(wǎng)站，但具體的位置無(wú)法定位，那怎么辦呢？

這時(shí)候我們利用yslow+showslow即可達(dá)到意想不到的效果，經(jīng)過(guò)再次全面測(cè)試發(fā)現(xiàn)，原來(lái)我們的與域名無(wú)關(guān)性的cookie和experis的指標(biāo)非常的低，但是明明靜態(tài)資源像圖片什么的都放到了二級(jí)域名里了啊，怎么回事呢？

這里需要指出的是，如果你的域名采用了泛解析，那么放入二級(jí)域名是無(wú)效的，仍然會(huì)發(fā)送cookie的URL浪費(fèi)時(shí)間和帶寬。

解決方案：

既然發(fā)現(xiàn)問(wèn)了，那我們就解決?。。∩缘?，其實(shí)在這之前你要先和運(yùn)維的童鞋確認(rèn)下更保險(xiǎn)。

解決方法也簡(jiǎn)單，那就是在買(mǎi)個(gè)域名，來(lái)部署就ok了。

結(jié)果：

重新部署完后+優(yōu)化了experis的利用后，前端網(wǎng)頁(yè)性能大大提升。

小結(jié)：

性能測(cè)試不僅僅是關(guān)注后端的，前端同樣重要，這就是水桶原理，取決于短的那個(gè)木板，國(guó)內(nèi)對(duì)前端性能測(cè)試還不是太重視，實(shí)際中我在努力推行，保證每個(gè)層級(jí)的性能都能到達(dá)合適的程度，這樣網(wǎng)站的整體性能才會(huì)上來(lái)。