資源方面的KPI

　　一個(gè)網(wǎng)頁(yè)是由原始的HTML文檔，嵌入的資源，如圖片，css，JavaScript腳本和通過(guò)VHR或JavaScript修改DOM動(dòng)態(tài)下載的內(nèi)容，網(wǎng)頁(yè)上引用的資源越多，在瀏覽器和服務(wù)器之間因下載資源往返的次數(shù)就越多，資源尺寸越大，就需要更多的帶寬傳輸，減少往返次數(shù)和資源尺寸很重要，dynaTrace AJAX版本提供了一個(gè)網(wǎng)絡(luò)視圖，可對(duì)每個(gè)獨(dú)立的資源進(jìn)行分析，如下圖所示。

 
圖2 網(wǎng)頁(yè)引用的各個(gè)資源消耗的時(shí)間

　　從這個(gè)網(wǎng)絡(luò)視圖我們可以看到多個(gè)網(wǎng)絡(luò)資源相關(guān)的KPI，有助于我們理解頁(yè)面的結(jié)構(gòu)和尺寸。

　　1、總請(qǐng)求數(shù)

　　這是從網(wǎng)站下載資源時(shí)所有網(wǎng)絡(luò)請(qǐng)求的總數(shù)，終極目標(biāo)是使這個(gè)數(shù)量盡可能的低，以便減少往返次數(shù)。

　　2、HTTP 300s/HTTP 400s/HTTP 500s的總數(shù)

　　它們分別是服務(wù)器用HTTP狀態(tài)碼300（重定向）/400（授權(quán)問題）和500（服務(wù)器錯(cuò)誤）響應(yīng)HTTP請(qǐng)求的總數(shù)，應(yīng)該盡量避免這些請(qǐng)求，因?yàn)樗鼈儗?duì)頁(yè)面載入時(shí)間有負(fù)面影響，這些問題的根本原因通常與服務(wù)器端的實(shí)現(xiàn)，配置和部署有關(guān)。

　　3、網(wǎng)頁(yè)的總大小

　　這是組成你網(wǎng)頁(yè)的所有資源總大小，跟蹤總的頁(yè)面大小非常重要，網(wǎng)頁(yè)越大下載的時(shí)間就越長(zhǎng)，向網(wǎng)頁(yè)添加圖片或JavaScript代碼都會(huì)影響網(wǎng)頁(yè)的下載時(shí)間，相反，盡可能做到每個(gè)網(wǎng)頁(yè)包含的資源總大小較小會(huì)加快網(wǎng)頁(yè)在瀏覽器中的顯示。

　　4、圖像/CSS/JS總大小

　　除了跟蹤網(wǎng)頁(yè)的總大小外，調(diào)查每個(gè)獨(dú)立內(nèi)容類型，如圖像，CSS和JavaScript文件的大小也很重要，這樣就可以很容易辨認(rèn)頁(yè)面中哪一個(gè)內(nèi)容的尺寸最大，我們應(yīng)該避免使用較大尺寸的文件，如圖片文件應(yīng)使用專業(yè)優(yōu)化工具進(jìn)行優(yōu)化，JavaScript和css文件則可以通過(guò)Web服務(wù)器進(jìn)行壓縮后向客戶端傳輸。

　　5、XHR請(qǐng)求總數(shù)

　　通過(guò)JavaScript發(fā)送的XmlHttpRequests（XHR）請(qǐng)求總數(shù)，它從服務(wù)器異步檢索數(shù)據(jù)，監(jiān)視這個(gè)KPI可以找出通過(guò)XHR動(dòng)態(tài)內(nèi)容檢索時(shí)發(fā)生的意外變化，根據(jù)配置，你可以終結(jié)那些不僅影響客戶端性能，也會(huì)導(dǎo)致應(yīng)用程序服務(wù)器負(fù)載過(guò)多的XHR請(qǐng)求。