記憶盒子

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

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

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

作者:Kaka    時(shí)間:2015-2-2 8:10:53    瀏覽:    評(píng)論:1

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

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

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

先看兩張總覽圖:

總覽圖1:瀑布流

▲總覽圖1:瀑布流

總覽圖2:視圖分析

▲總覽圖2:視圖分析

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

1、自選線路和瀏覽器

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

自選線路和瀏覽器

圖1:自選線路和瀏覽器

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

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

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

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

3、支持視圖分析

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

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

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

 支持網(wǎng)頁登錄

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

5、支持二次點(diǎn)擊

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

支持二次點(diǎn)擊

圖4:支持二次點(diǎn)擊

6、廣告過濾

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

廣告過濾

圖5:廣告過濾

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

1、瀑布流

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

瀑布流

圖6:瀑布流

2、請求分析

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

請求分析

圖7:請求分析

3、統(tǒng)計(jì)分析

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

統(tǒng)計(jì)分析

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

4、視圖分析

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

視圖分析

圖9:視圖分析

5、優(yōu)化建議

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

優(yōu)化建議

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

6、測試歷史

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

測試歷史

圖11:測試歷史

特別說明

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

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

 

x

標(biāo)簽: Webkaka  

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

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

發(fā)表評(píng)論:

◎歡迎參與討論,請?jiān)谶@里發(fā)表您的看法、交流您的觀點(diǎn)。

訂閱博客                   QQ交流群(312716741)

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

Search

最新評(píng)論及回復(fù)

最近留言

網(wǎng)站分類

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

Copyright @2009-2024 All Rights Reserved. 粵ICP備14028160號(hào)-1

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