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

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