記憶盒子

把記憶裝進(jìn)灰色的盒子,封裝起來,那年那月,重新拾起。

首頁搜索目錄
search
當(dāng)前主題: 互聯(lián)網(wǎng)絡(luò)

webkaka網(wǎng)站速度診斷更新:新增視圖分析和支持網(wǎng)頁登錄等功能

作者:Kaka    時間:2015-2-2 8:10:53    瀏覽:    評論:1

webkaka網(wǎng)站速度診斷頻道,今天終于以一個嶄新的面貌與大家見面了,本次更新做得比較徹底,以Google Pagespeed InSights網(wǎng)站速度優(yōu)化近40個建議和Yahoo YSlow 20多個優(yōu)化建議為目標(biāo),深度挖掘網(wǎng)頁的能對速度產(chǎn)生影響的每一個部分,并加以分析和提出改善建議,配合詳細(xì)的案例說明,使用戶更易入手和自行操作。

Webkaka網(wǎng)站速度診斷工具旨在幫助用戶優(yōu)化網(wǎng)站的性能,讓用戶識別以及通過相關(guān)的自動化工具實現(xiàn)可以應(yīng)用到網(wǎng)站性能的最佳做法。我們的目標(biāo)是——使網(wǎng)頁瀏覽更快捷!

下面介紹本次更新的主要部分。

先看兩張總覽圖:

總覽圖1:瀑布流

▲總覽圖1:瀑布流

總覽圖2:視圖分析

▲總覽圖2:視圖分析

WebKaka網(wǎng)站速度診斷有哪些特色

1、自選線路和瀏覽器

網(wǎng)站速度診斷是在服務(wù)器使用真實的瀏覽器來打開網(wǎng)頁,為滿足不同用戶的需求,用戶可以選擇不同的線路和瀏覽器進(jìn)行測試。 目前提供的線路有電信、聯(lián)通、香港和美國,瀏覽器有Chrome、Firefox、IE8、IE9、IE11,有20個節(jié)點提供選擇。

自選線路和瀏覽器

圖1:自選線路和瀏覽器

2、自定義網(wǎng)絡(luò)帶寬

用戶如何知道網(wǎng)站在各種網(wǎng)絡(luò)帶寬環(huán)境的打開速度?webkaka網(wǎng)站速度診斷解決了這個問題,用戶可以自定義網(wǎng)絡(luò)帶寬進(jìn)行測試。

自定義網(wǎng)絡(luò)帶寬

圖2:自定義網(wǎng)絡(luò)帶寬

3、支持視圖分析

什么是視圖分析?視圖分析即是把網(wǎng)頁打開的過程截圖下來,時間間隔可以精確到0.1秒,讓你清楚的明確網(wǎng)頁哪個文件顯示快,哪個文件顯示慢,對網(wǎng)頁的渲染過程有個更清晰直觀的了解。

4、支持網(wǎng)頁登錄

不少用戶有測試需要登錄的頁面的要求,webkaka現(xiàn)在可以滿足這些用戶的需求了,新版網(wǎng)站速度診斷已經(jīng)支持網(wǎng)頁登錄測速。

 支持網(wǎng)頁登錄

圖3:支持網(wǎng)頁登錄

5、支持二次點擊

網(wǎng)頁深度訪問測速是速度診斷的進(jìn)一步要求,它可以讓用戶知道網(wǎng)頁打開后再訪問第二頁時的速度情況。

支持二次點擊

圖4:支持二次點擊

6、廣告過濾

網(wǎng)頁有廣告與無廣告的速度差別是很大的,由于廣告都是通過js代碼嵌入到網(wǎng)頁里,如果廣告代碼卡住了,那么對網(wǎng)頁的打開速度是致命的,嚴(yán)重時會讓網(wǎng)頁直接崩潰。webkaka新版網(wǎng)站速度診斷能讓用戶知道廣告對網(wǎng)頁的影響程度有多大。

廣告過濾

圖5:廣告過濾

網(wǎng)站速度診斷報告

1、瀑布流

高級用戶的網(wǎng)頁打開時間線(瀑布流)做得非常詳盡,圖表里直觀的畫出了各種時間線(開始渲染、內(nèi)容下載完畢、渲染完畢、加載完畢、結(jié)束時間等),而每一個文件都可以點開查看更詳細(xì)的信息(標(biāo)題頭、Cookie、參數(shù)、耗時),另外,用戶還可以篩選需要查看的文件。

瀑布流

圖6:瀑布流

2、請求分析

請求分析里把網(wǎng)頁的各種類型的文件分開顯示出來,更易瀏覽和比較。

請求分析

圖7:請求分析

3、統(tǒng)計分析

統(tǒng)計分析是綜合統(tǒng)計各域名和各類型文件的數(shù)據(jù),如各域名請求體積、各類型體積統(tǒng)計、各域名請求耗時、各類型請求耗時等。

統(tǒng)計分析

圖8:統(tǒng)計分析

4、視圖分析

視圖分析即是把網(wǎng)頁打開的過程截圖下來,時間間隔可以精確到0.1秒,讓你清楚的明確網(wǎng)頁哪個文件顯示快,哪個文件顯示慢,對網(wǎng)頁的渲染過程有個更清晰直觀的了解。整個過程還可以在視頻里查看。

視圖分析

圖9:視圖分析

5、優(yōu)化建議

優(yōu)化建議在新版里做得非常詳盡,參考了Google Pagespeed InSights網(wǎng)站速度優(yōu)化和Yahoo YSlow 優(yōu)化,整理出來30個優(yōu)化項目,配合詳細(xì)的案例說明,是用戶網(wǎng)站性能優(yōu)化的絕佳參考資料。

優(yōu)化建議

圖10:優(yōu)化建議

6、測試歷史

用戶可以在本機(jī)保留測試歷史,以便隨時查看和比較。

測試歷史

圖11:測試歷史

特別說明

需要特別說明的是,webkaka的高級用戶網(wǎng)站速度診斷,是在服務(wù)器使用真實的瀏覽器來打開網(wǎng)頁進(jìn)行測速的,而不是通過程序抓取下載文件計算速度的,速度會受服務(wù)器的性能及網(wǎng)絡(luò)帶寬等因素影響。

入口地址http://pagespeed.webkaka.com/

 

x

標(biāo)簽: Webkaka  

※ 網(wǎng)站速度慢?試試網(wǎng)站自動優(yōu)化工具 ※

上一篇: 網(wǎng)頁側(cè)欄浮動固定但不遮住底部的js實現(xiàn)方法
下一篇: 最近來路pinggu.baidu.com有點多?
  • 1.愛*
  • 又只能是一個小工具,但是這類小工具到處都有!
    Kaka 于 2015-2-24 20:36:53 回復(fù)
    你用過webkakka的這個工具嗎?試了這幾個新增的功能沒?或許你沒有這個需求吧,你看文章太大意了。Smile
  • 2015/2/24 16:06:06 回復(fù)該留言

發(fā)表評論:

◎歡迎參與討論,請在這里發(fā)表您的看法、交流您的觀點。

訂閱博客                   QQ交流群(312716741)

  • 通過Google訂閱本站 通過鮮果訂閱本站 通過抓蝦訂閱本站
  • 通過QQ郵箱訂閱本站 通過Yahoo訂閱本站 通過有道訂閱本站

Search

最新評論及回復(fù)

最近留言

網(wǎng)站分類

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009-2024 All Rights Reserved. 粵ICP備14028160號-1

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009-2024 All Rights Reserved.