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