標籤:

盤點五個免費測試網站速度的工具

盤點五個免費測試網站速度的工具

網頁性能很大程度上決定了用戶體驗,最終可以決定網站的成功。雖然大家都知道提高瀏覽速度的重要性,可很多時候不知道什麼元素拖了後腿。本文將介紹測試網站速度的五個免費在線工具,幫你設計出高效的網站。

如果你認為一個網站建成後,工作就已經完成,你就大錯特錯了。你需要不斷監測其可用性和可訪問性,一個小問題,可能毀了一切。而網頁載入速度對於一個網站來講至關重要,試想一下,你喜歡進一個需要很長時間才載入完畢的網站嗎?而且,搜索引擎對網頁載入速度也提出了要求。「The web should be fast。」據悉,網站若沒有在4秒內讀取出來,大多數的訪客就會選擇離開,甚至Google也將網頁載入速度作為網站排名的眾多因素之一,唯有提升網站效能才能讓你的網站訪客更多、更快樂。

國外開發/設計網站DesignInstruct推薦了5個最具代表性的測試工具,將幫助你確保你的網站正常、高效工作。

Load Impact

Load Impact是一款在線網站壓力測試工具。只需要輸入網址進行測試,其便可以統計出載入網站的一些詳細載入數據。包括整體載入和站內圖片,javascript, CSS等代碼載入。測試完成之後,網站還可以存儲測試過的統計數據。(註:如果你未註冊該網站使用進行測試,那麼你的網站性能信息可能會被公開在網上。)

測試有兩種方案,雖然免費方案能夠測試的虛擬訪客比較少(免費僅能夠測試10、20、30、40、50人同時在線上),但一般使用已經足夠了!如果不夠,可以考慮購買Premium Account服務。不過,其功能可能會對網站產生一定的壓力,大家可別用它去DoS別人網站哦。

Pingdom Website Speed Test

Pingdom是一個免費的網站速度測試工作,不僅是看起來非常棒,而且儘可能多的呈現出你的網站的各方面信息。它可測試網站載入速度,對頁面和大小進行分析。測試完成後會得到一份非常詳細的測試報告,包括圖片、CSS等,告訴你哪些地方出現問題。

OctaGate SiteTimer

OctaGate SiteTimer 是一個在線的網頁讀取速度測試工具,效果圖基於AJAX技術,而且它是所有工具裡面最直觀的;如果你就想知道你的網頁裡面哪個元素拖了後腿,就跑這個工具。它就一張圖,告訴你每個網頁元素下載需要時間。

GTmetrix

有些網站速度測試工具如Baidu僅提供頁面元素載入時間;有些工具如Pingdom提供的Start Time、Connect Time、First Byte和Last Byte細分仍無法滿足要求。功能更強大的GTmetrix是國外的一個免費評測網頁載入速度的服務,可提供詳細報告:顯示出網頁里每個元件載入、開啟或存取的時間;而且會保存每一個網站的記錄,方便查看一個網站載入速度的歷史變化。

如果你想將報告設定為不公開、或是儲存報告、定時檢查網頁評分的話,可以免費註冊GTmetrix帳戶。

測試的工具有很多,上述五個相對具有代表性,下面再簡介三個:

WhichLoadsFaster?——可以比較兩個網頁,哪個載入速度快。

Web Page Analyzer——可讓用戶測試網站速度以提升性能,同時可計算網頁大小、 複雜度和下載時間。

WebPagetest——原本是由AOL開發內部使用的工具,後來在Google Code上開源,是一款非常優秀的網頁前端性能測試工具。

Google PageSpeed Insights

相信有接觸前端開發的大神們都聽說過Google官方的PageSpeed Tools,這個網頁載入速度檢測工具有在線版本也有一個 Chrome 擴展,叫PageSpeed Insights。

PageSpeed Insights 的Chrome擴展是由谷歌官方開發的一款可以分析頁面載入的各個方面,包括資源、網路、DOM以及時間線等等信息的插件,安裝以後會附加到Developer Tools(開發者工具)中。所以安裝之後,大家只需要在頁面上點擊右鍵——審查元素,就可以在最後一個標籤中看到PageSpeed了。

PageSpeed的分析基於一個分為五類的最佳實踐列表:

優化緩存——讓你應用的數據和邏輯完全避免使用網路

減少回應時間——減少一連串請求-響應周期的數量

減小請求大小——減少上傳大小

減小有效負荷大小——減小響應、下載和緩存頁面的大小

優化瀏覽器渲染——改善瀏覽器的頁面布局

去谷歌開發者官網看了看,發現PageSpeed 不僅僅只是個在線工具、插件那麼簡單,還有開發者使用的API、SDK;甚至還有可以安裝在Apache或者Nginx伺服器上的開源模塊!

以上測試工具中是否有你喜歡用的?如果你喜歡的檢測工具不在上述中,也歡迎你在文章評論中發表自己的看法。


推薦閱讀:

QC七種工具以及IE七大手法PPT305頁
哪些工具讓你能更好、更高效地設計?
中國在漢朝時主要是向外傳播生產工具和先進的手工藝品,唐朝時向外傳播的是政治制度、思想、文學藝術等,北宋及以後向外傳播的主要是以四大發明為代表的科學技術,這說明了①
家用廚師機,我有話要說
別再只用 Ctrl 複製粘貼,試試這幾個效率工具!

TAG:工具 |