建站心得


圖說(shuō)揭秘3個(gè)優(yōu)化網(wǎng)頁(yè)速度的工具


在過(guò)去的2010年里,google一直在告訴網(wǎng)絡(luò)世界,網(wǎng)頁(yè)速度越來(lái)越成為網(wǎng)站的一個(gè)重要方面。google speed網(wǎng)站,已經(jīng)有一個(gè)值得贊賞的目標(biāo),就是網(wǎng)上瀏覽要像翻書(shū)一樣快。在他們的網(wǎng)站管理員博客中,已經(jīng)介紹了好幾篇博文和各式各樣免費(fèi)的工具,包括他們自己的和其他人的,并取得了很大的效果。

因此,作為一個(gè)網(wǎng)站負(fù)責(zé)人,如果你懷疑你有網(wǎng)頁(yè)加載的問(wèn)題,第一步該做什么呢?該去哪里獲得你的網(wǎng)站性能的總體認(rèn)識(shí)呢?難道要拿著秒表打開(kāi)網(wǎng)站上的每一個(gè)頁(yè)面嗎?

我們?cè)S多人首先去的地方開(kāi)始是我們的google網(wǎng)站管理員工具帳號(hào),登錄,點(diǎn)擊“實(shí)驗(yàn)室”,然后是“網(wǎng)站性能”。那里你可以看到從他們的爬蟲(chóng)反饋的網(wǎng)站性能數(shù)據(jù)。

在這個(gè)網(wǎng)頁(yè)上,你還可看到一個(gè)例子,10個(gè)頁(yè)面的載入時(shí)間。不幸的是,它不會(huì)顯示更深層的。但至少你可以看到兩三個(gè)不好的性能頁(yè)面,以便使用其他工具進(jìn)一步調(diào)查。

YSlow和google頁(yè)面速度工具(都要求在firefox上安裝firebug插件)對(duì)比起來(lái)似乎都表現(xiàn)出同樣的信息。因此我選擇YSlow而不是頁(yè)面速度工具的原因很簡(jiǎn)單。YSlow提供檢查過(guò)的每個(gè)頁(yè)面的等級(jí)和每個(gè)元素的等級(jí),而頁(yè)面速度工具只返回一個(gè)滿分100分的綠色、黃色或紅色警示的符號(hào)。你可能喜歡頁(yè)面速度工具,但因?yàn)樗鼈冎g沒(méi)有太大不同,我們會(huì)使用YSlow。

使用YSlow時(shí),點(diǎn)擊每個(gè)元素等級(jí)后的文字,它會(huì)顯示在那個(gè)頁(yè)面檢測(cè)到的細(xì)節(jié)問(wèn)題,不管是JS文件的配置,內(nèi)容的壓縮,還是當(dāng)前頁(yè)面的HTTP請(qǐng)求次數(shù)。

但這還不是全部,你可以檢查出頁(yè)面組件的統(tǒng)計(jì)信息(如JS文件、CSS文件、FLASH文件等),看看哪些文件直接影響了載入速度。

AOL頁(yè)面測(cè)試工具在頁(yè)面載入上有更多的視覺(jué)表現(xiàn),它用瀑布圖表展示頁(yè)面每一元素的載入時(shí)間。每一個(gè)元素你都可看到DNS的查找時(shí)間、連接時(shí)間、首字節(jié)時(shí)間以及真正內(nèi)容下載的時(shí)間,這可以警示你注意到某個(gè)單個(gè)的元素上(即,如果其他域名上的JS文件花了太長(zhǎng)的載入時(shí)間,那就應(yīng)該直接放在你自己的域名上)。綠色垂直線表示頁(yè)面開(kāi)始呈現(xiàn)的時(shí)間,而藍(lán)色垂直線表示頁(yè)面呈現(xiàn)過(guò)程完成(雖然有些頁(yè)面元素不會(huì)在幾秒鐘之后完全呈現(xiàn),但你可以在圖表上檢查出來(lái))。

在這個(gè)工具的配置設(shè)置中,你可以設(shè)置每個(gè)頁(yè)面測(cè)試兩次,所以它還可以顯示首次訪問(wèn)后的緩存內(nèi)容加載時(shí)間的效果。

對(duì)于頁(yè)面加載優(yōu)化工具,最好有多種可選項(xiàng)(更好的是,免費(fèi)的多種可選項(xiàng))。但你可以用這些工具生成一個(gè)網(wǎng)站性能增強(qiáng)性可操作的列表。

以上提供的有關(guān)工具方面的,還靠大家自己去測(cè)試,功夫不負(fù)有心人,努力與收獲同在。


相關(guān)文章

首頁(yè)  電話  咨詢(xún)  頂部