webkaka網(wǎng)站速度診斷頻道，今天終于以一個(gè)嶄新的面貌與大家見(jiàn)面了，本次更新做得比較徹底，以Google Pagespeed InSights網(wǎng)站速度優(yōu)化近40個(gè)建議和Yahoo YSlow 20多個(gè)優(yōu)化建議為目標(biāo)，深度挖掘網(wǎng)頁(yè)的能對(duì)速度產(chǎn)生影響的每一個(gè)部分，并加以分析和提出改善建議，配合詳細(xì)的案例說(shuō)明，使用戶更易入手和自行操作。
Webkaka網(wǎng)站速度診斷工具旨在幫助用戶優(yōu)化網(wǎng)站的性能，讓用戶識(shí)別以及通過(guò)相關(guān)的自動(dòng)化工具實(shí)現(xiàn)可以應(yīng)用到網(wǎng)站性能的最佳做法。我們的目標(biāo)是——使網(wǎng)頁(yè)瀏覽更快捷！
下面介紹本次更新的主要部分。
先看兩張總覽圖：
▲總覽圖1：瀑布流
▲總覽圖2：視圖分析
WebKaka網(wǎng)站速度診斷有哪些特色
1、自選線路和瀏覽器
網(wǎng)站速度診斷是在服務(wù)器使用真實(shí)的瀏覽器來(lái)打開(kāi)網(wǎng)頁(yè)，為滿足不同用戶的需求，用戶可以選擇不同的線路和瀏覽器進(jìn)行測(cè)試。 目前提供的線路有電信、聯(lián)通、香港和美國(guó)，瀏覽器有Chrome、Firefox、IE8、IE9、IE11，有20個(gè)節(jié)點(diǎn)提供選擇。
圖1：自選線路和瀏覽器
2、自定義網(wǎng)絡(luò)帶寬
用戶如何知道網(wǎng)站在各種網(wǎng)絡(luò)帶寬環(huán)境的打開(kāi)速度？webkaka網(wǎng)站速度診斷解決了這個(gè)問(wèn)題，用戶可以自定義網(wǎng)絡(luò)帶寬進(jìn)行測(cè)試。
圖2：自定義網(wǎng)絡(luò)帶寬
3、支持視圖分析
什么是視圖分析？視圖分析即是把網(wǎng)頁(yè)打開(kāi)的過(guò)程截圖下來(lái)，時(shí)間間隔可以精確到0.1秒，讓你清楚的明確網(wǎng)頁(yè)哪個(gè)文件顯示快，哪個(gè)文件顯示慢，對(duì)網(wǎng)頁(yè)的渲染過(guò)程有個(gè)更清晰直觀的了解。
4、支持網(wǎng)頁(yè)登錄
不少用戶有測(cè)試需要登錄的頁(yè)面的要求，webkaka現(xiàn)在可以滿足這些用戶的需求了，新版網(wǎng)站速度診斷已經(jīng)支持網(wǎng)頁(yè)登錄測(cè)速。
圖3：支持網(wǎng)頁(yè)登錄
5、支持二次點(diǎn)擊
網(wǎng)頁(yè)深度訪問(wèn)測(cè)速是速度診斷的進(jìn)一步要求，它可以讓用戶知道網(wǎng)頁(yè)打開(kāi)后再訪問(wèn)第二頁(yè)時(shí)的速度情況。
圖4：支持二次點(diǎn)擊
6、廣告過(guò)濾
網(wǎng)頁(yè)有廣告與無(wú)廣告的速度差別是很大的，由于廣告都是通過(guò)js代碼嵌入到網(wǎng)頁(yè)里，如果廣告代碼卡住了，那么對(duì)網(wǎng)頁(yè)的打開(kāi)速度是致命的，嚴(yán)重時(shí)會(huì)讓網(wǎng)頁(yè)直接崩潰。webkaka新版網(wǎng)站速度診斷能讓用戶知道廣告對(duì)網(wǎng)頁(yè)的影響程度有多大。
圖5：廣告過(guò)濾
網(wǎng)站速度診斷報(bào)告
1、瀑布流
高級(jí)用戶的網(wǎng)頁(yè)打開(kāi)時(shí)間線（瀑布流）做得非常詳盡，圖表里直觀的畫(huà)出了各種時(shí)間線（開(kāi)始渲染、內(nèi)容下載完畢、渲染完畢、加載完畢、結(jié)束時(shí)間等），而每一個(gè)文件都可以點(diǎn)開(kāi)查看更詳細(xì)的信息（標(biāo)題頭、Cookie、參數(shù)、耗時(shí)），另外，用戶還可以篩選需要查看的文件。
圖6：瀑布流
2、請(qǐng)求分析
請(qǐng)求分析里把網(wǎng)頁(yè)的各種類型的文件分開(kāi)顯示出來(lái)，更易瀏覽和比較。
圖7：請(qǐng)求分析
3、統(tǒng)計(jì)分析
統(tǒng)計(jì)分析是綜合統(tǒng)計(jì)各域名和各類型文件的數(shù)據(jù)，如各域名請(qǐng)求體積、各類型體積統(tǒng)計(jì)、各域名請(qǐng)求耗時(shí)、各類型請(qǐng)求耗時(shí)等。
圖8：統(tǒng)計(jì)分析
4、視圖分析
視圖分析即是把網(wǎng)頁(yè)打開(kāi)的過(guò)程截圖下來(lái)，時(shí)間間隔可以精確到0.1秒，讓你清楚的明確網(wǎng)頁(yè)哪個(gè)文件顯示快，哪個(gè)文件顯示慢，對(duì)網(wǎng)頁(yè)的渲染過(guò)程有個(gè)更清晰直觀的了解。整個(gè)過(guò)程還可以在視頻里查看。
圖9：視圖分析
5、優(yōu)化建議
優(yōu)化建議在新版里做得非常詳盡，參考了Google Pagespeed InSights網(wǎng)站速度優(yōu)化和Yahoo YSlow 優(yōu)化，整理出來(lái)30個(gè)優(yōu)化項(xiàng)目，配合詳細(xì)的案例說(shuō)明，是用戶網(wǎng)站性能優(yōu)化的絕佳參考資料。
圖10：優(yōu)化建議
6、測(cè)試歷史
用戶可以在本機(jī)保留測(cè)試歷史，以便隨時(shí)查看和比較。
圖11：測(cè)試歷史
特別說(shuō)明
需要特別說(shuō)明的是，webkaka的高級(jí)用戶網(wǎng)站速度診斷，是在服務(wù)器使用真實(shí)的瀏覽器來(lái)打開(kāi)網(wǎng)頁(yè)進(jìn)行測(cè)速的，而不是通過(guò)程序抓取下載文件計(jì)算速度的，速度會(huì)受服務(wù)器的性能及網(wǎng)絡(luò)帶寬等因素影響。
入口地址：http://pagespeed.webkaka.com/
