5 個測試網站速度的線上工具

時間 :20:54 取得文章短網址

文章分類 : Google, News

Google 衡量一個網站權衡的重要性其中一個關鍵點是 Page Speed,它會直接影響用家進行 SEO 的排序,因為網頁性能很大程度上決定了用家體驗,最終可以決定網站的成功。

雖然大家都知道提高瀏覽速度的重要性,可很多時候不知道甚麼元素拖了後腿。本文將介紹測試網站速度的五個免費在線工具,幫你設計出高效的網站。

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

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

1. Pingdom Website Speed Test

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

01

2. Load Impact

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

02

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

3. Google PageSpeed Insights

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

03

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

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

  1. 優化緩存——讓你應用的數據和邏輯完全避免使用網絡
  2. 減少回應時間——減少一連串請求 – 響應週期的數量
  3. 減小請求大小——減少上傳大小
  4. 減小有效負荷大小——減小響應、下載和緩存頁面的大小
  5. 優化瀏覽器渲染——改善瀏覽器的頁面佈局

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

4. OctaGate SiteTimer

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

04

5. GTmetrix

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

05

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

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

  1. WhichLoadsFaster?——可以比較兩個網頁,哪個加載速度快。
  2. Web Page Analyzer ——可讓用家測試網站速度以提升性能,同時可電腦網頁大小、複雜度和下載時間。
  3. WebPagetest ——原本是由 AOL 開發內部使用的工具,後來在 Google Code 上開源,是一款非常優秀的網頁前端性能測試工具。

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

你可能會對以下文章有興趣:

Leave a Reply

Your email address will not be published.