資源方面的KPI

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

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

　　從這個網(wǎng)絡視圖我們可以看到多個網(wǎng)絡資源相關的KPI，有助于我們理解頁面的結構和尺寸。

　　1、總請求數(shù)

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

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

　　它們分別是服務器用HTTP狀態(tài)碼300（重定向）/400（授權問題）和500（服務器錯誤）響應HTTP請求的總數(shù)，應該盡量避免這些請求，因為它們對頁面載入時間有負面影響，這些問題的根本原因通常與服務器端的實現(xiàn)，配置和部署有關。

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

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

　　4、圖像/CSS/JS總大小

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

　　5、XHR請求總數(shù)

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