很多站長因為網(wǎng)頁加載速度慢，但是卻找不到慢的原因在哪而煩惱。今天無憂小編給大家推薦一個Google瀏覽器的插件——Speed Tracer。這個插件是一款強(qiáng)大的Web性能分析擴(kuò)展，可以對網(wǎng)頁中的元素進(jìn)行全方位的檢測分析，找出網(wǎng)頁緩慢的原因，以方便站長們優(yōu)化代碼，提高網(wǎng)頁運行速度。 Speed Tracer如何安裝？ 要使用這樣一個Google瀏覽器插件，當(dāng)然要先安裝Google瀏覽器。安裝完成后，打開Google瀏覽器，點擊右上角的“自定義并控制Google Chrome”——工具——擴(kuò)展程序，進(jìn)入擴(kuò)展程序頁面。 在擴(kuò)展程序列表最下方，找到“獲取更多擴(kuò)展程序”，進(jìn)入Chrome網(wǎng)上應(yīng)用品店。 進(jìn)入Chrome網(wǎng)上應(yīng)用品店后，在左上角輸入“speed tracer”進(jìn)行搜索，搜索完成后點擊“添加至CHROME”——添加 添加完成之后，我們可以在Google瀏覽器看到speed tracer的圖標(biāo)。 安裝完成，在您要測試的頁面點擊Speed Tracer圖標(biāo)，就可以對當(dāng)前網(wǎng)頁進(jìn)行性能分析了。 Speed Tracer如何使用？ 在您要測試的頁面點擊啟動Speed Tracer，便可以開始對網(wǎng)頁開始測試。我們這里以www.youku.com為例。下面是speed tracer的檢測頁面。 對于檢測頁面，有幾個地方需要說明。首先檢測是可以人為停止的，點擊左上角的停止按鈕，就可以停止。Total顯示的是總共的檢測時間。我們還可以截取某一段時間進(jìn)行分析，檢測條是可以左右移動的，如上圖紅框中所示。 接下來我們選擇445ms往后的10.51s進(jìn)行分析。選擇其中的Parse HTML進(jìn)行分析，因為數(shù)據(jù)顯示它響應(yīng)時間是最長的，長達(dá)134ms。 從圖中我們可以看出，在134ms的響應(yīng)時間里，其中有114ms是解析HTML，17ms的腳本評估，2ms的JavaScript回調(diào)，1ms的Dom事件。 這樣，我們可以很明確的看出，一個網(wǎng)頁打開的時候應(yīng)用程序花費的時間都分別是多少，給要做優(yōu)化的站長們提供了明確的目標(biāo)。  

本文地址：http://www.gle-technology.com/others/11194.html