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

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

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

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

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

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

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

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

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

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

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

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