追蹤

Sliven 褚崇名

Hi 我是 Sliven,我喜歡間單。

網站速度測試分析與優化


原文:網站速度測試分析與優化指南

更多內容請至:TechMoon 科技月球

不管你的網站是否是採用 WordPress 建構的,網站速度都是非常重要。

為什麼呢?

因為網站速度是 Google 搜尋引擎演算法當中的因素之一

當你的網站速度較慢時,會容易造成使用者不耐煩而跳離網頁,導致你的網站排名下降。

反之,當你的網站速度較快時,就會大大改善使用者體驗,變相的提升了網站的排名。

當你的網站擁有良好的使用者體驗(網站速度是其中一項因素),瀏覽你網站的使用者就更加有機會待得更久一些,也就能夠增加你的產品銷售的機會與轉化率。

簡單來說,網站加載的速度越快越好!

之前已經提過網站速度加快有哪些好處,也告訴過你該如何優化 WordPress 網站速度,讓網站變得更快。

而大部分的粉絲們告訴我另一個常見的問題,那就是大多數人不曉得該如何檢測與分析網站的速度,甚至是以錯誤的方式來進行速度測試,最終會導致他們不曉得該優化哪些地方,或從何改起。

許多人會因為使用錯誤的方式來分析網站(甚至是優化網站),導致網站的優化方向錯誤,最終容易變成繞了一大圈,卻沒有提升多少網站速度,反而加裝了許多沒必要的外掛,導致網站變慢也時有所聞。

 

想要讓網站變得更快,優秀的虛擬主機是第一步

我們曾評測許多虛擬主機,其中包含了像是:SiteGroundBlueHostHostinger000webhostGreenGeeksWPX HostingSugarhosts5gbfreeWPWebHostiPageHostgatorDreamHostHostPapaHostGator…等等。

依據你目前的網站規模、每日流量以及預算多寡,去選擇一個對你來說最適當的虛擬主機來使用,在最佳的情況之下,你會購買到既經濟實惠,同時又提供良好速度的虛擬主機。

而接下來,我們將深入探討正確進行網站速度測試的方法,以及教你如何有效的評估網站速度與運用工具來進行速度的提升與優化。

網站速度相當重要,當速度越快,排名就容易越高。

網站速度測試前的注意事項

在進行網站速度測試之前,首先你應該熟悉網站所擁有的各種設定,例如:

  • 網站是否有使用快取外掛
  • 網站是否有使用 CDN(Content delivery network)?
  • 虛擬主機是否有快取功能

如果你對上述一無所知,那麼建議你千萬不要冒風險自行對網站進行優化動作,最好的方式是聘請專家來協助你,或是詢問你的虛擬主機客服,看看他們能否提供你一些建議與協助。

建議

在進行任何的操作之前,請務必確保備份一次網站。

網站是否有使用快取外掛?

如果你的網站的主機是使用共享主機(Shared Hosting)或是 VPS 主機,那麼強烈建議你安裝 WordPress 緩存快取外掛,透過開啟與關閉外掛,你能夠測出哪一款快取外掛能夠提供你的網站更快的速度,以及在未使用快取外掛的情況之下,你的虛擬主機性能表現如何。

網站是否有使用 CDN(Content delivery network)?

網站最常見使用 CDN 分發的資源是圖片,透過 CDN,除了能夠有效的分離較大的資源檔案外,同時也能降低使用者瀏覽網站時,所發出的請求數量,讓網站的負載能夠經由 CDN 來分散與降低,達到速讀提升的目的。

最簡易也最常見的 CDN 方法是採用 CloudFlare,使用 CloudFlare 的好處有很多,它不僅免費,同時也能提供你 DNS 代管服務、免費 SSL 憑證申請,以及 CDN 降低網站流量。

CDN 的另外一個優勢在於,由於其分散檔案於眾多節點的特性,能夠將你的資源檔案儲存在全球的多個資料節點上,讓使用者訪問時,能夠從離他最近的資料節點上存取資料,而不是連到你的主機,藉此原理達成提升網站速度

如果你使用的是其他付費 CDN 服務,許多 WordPress 緩存外掛當中也有提供 CDN 整合的功能,能夠方便你直接設定 CDN 的子網域,方便你在 WordPress 網站當中啟用 CDN 功能。

虛擬主機是否有快取功能?

一般普遍的虛擬主機都不太可能會提供虛擬主機端的緩存快取,以前 Hostinger 在建立 WordPress 網站之後,會自動安裝與啟用獨自的緩存快取外掛,用來搭配其主機的緩存快取,但由於虛擬主機端的緩存快取若沒有正確的清除,容易導致發布或修改新內容之後,網站仍然顯示舊內容的不同步問題。

假如你使用的是 VPS 並搭配 Vanish 快取來提升 WordPress 網站速度,那麼也有可能會因為你錯誤的使用方式,導致上述的問題發生。

因此在你進行網站速度測試之前,最好先釐清你的虛擬主機環境以及 WordPress 網站的相關設置,如此才能知道你是在測試什麼東西。

該如何進行網站速度測試

我們假設你現在的網站已經安裝了快取緩存外掛,同時也採用了 CloudFlare 的 CDN 服務,接著就要正式來了解如何正確的進行網站速度的檢測。

通常,我們不會只使用一種工具來作為衡量速度的標準,由於網站測速工具會因為發出請求的來源地區、或其評測標準不同,而導致結果不一致。

因此,我們建議同一種工具要在同一個地點進行多次的測試,如此才能得到最接近實際使用者感受的速度。

以下我們將使用 Pingdom 作為範例,這是我們在進行網站速度檢測中,最常用的工具之一。

選擇速度測試的來源位置

不管你是使用哪一種測速工具,他們都會提供從全球各種不同的地方來發起網站速度檢測的請求,因此該如何選擇正確的來源地區,也是在測試當中相當重要的一環。

舉例來說,若你大部分的訪客都是集中在美國地區,那麼你的測速地區最好選擇與美國地區最接近,也就是離你大部分訪客的地區最近的來源進行測試,如此才會得出和你的訪客最接近的速度數據。

若你主要的訪客大多集中於日本,而你不斷優化從美國訪問你主機的速度,那麼最終你並沒有真正提升你主要觀眾的使用者體驗,有時反而會本末導致,讓原本速度就不佳的情況更加雪上加霜。

現在我們了解到,發出速度測試的根據地與你的主機位置之間的遠近,是會影響到 TTFB 與網路延遲,因此,在購買虛擬主機之前,要記得先選擇離你主要客群最近的數據中心,這樣就能模擬主要客群的真實速度。

現在我們了解選擇測試主機的位置和你的虛擬主機遠近與速度之間的關係,因此如果你想要了解你的 CDN 對你的 WordPress 網站速度有多少的幫助,你也可以在測試的期間暫時停用 CDN 來進行差異性的比較。

確保每次測試的位置要相同

為了得出一致的結果,要確保每次測速的來源位址都要保持一致,以免上一秒你用從日本測出的結果和下一秒從美國測出的結果進行比較。

必須進行多次的測速

在這篇文章當中,不會太深入研究與探討緩存快取CDN 或是資料壓縮…等等方面的細節,因為這些優化就是讓 WordPress 網站能夠變得更快的原因。

常見的速度測試錯誤之一就是,許多人往往只執行一次的測速,但實際上這有可能會不準確。原因在於,你有可能才剛剛清除了 WordPress 網站當中的緩存快取,或者才剛剛清除了 CDN 的緩存快取,導致測試速度成為了在尚未建立緩存快取前,第一次訪問網站的情況。

那麼該如何判斷網站是否已經建立緩存快取了?很簡單。每個速度測試工具都會顯示 HTTP 標頭(HTTP Headers),在當中你可以看到所有請求回應的相關資訊。

我在 SiteGround 建立了一個測試網站,同時使用了 CloudFlare CDN,我們先來看看透過 Pingdom 對其進行速度測試所得出的結果:


SiteGround 尚未啟用快取緩存的速度測試

從 Pingdom 底下我們可以看到 HTTP Request 的細節,這個測試網站是託管在 SiteGround 上,由於我使用了 CloudFlare 進行 CDN,因此可以看到網站內容實際上是從 CloudFlare 的 Server 進行加載的。

如果再仔細看,可以看到 x-proxy-cache 的地方顯示為 MISS,這表示目前網站並未使用快取。根據主機的不同,這裡所顯示的名稱也可能會略有不同。

若網站沒有緩存快取 x-proxy-cache 會回應 MISS
若網站沒有緩存快取 x-proxy-cache 會回應 MISS

而當我們使用了緩存快取外掛之後,剛剛的 x-proxy-cache 狀態就會從 MISS轉變為 HIT,這就表示訪客所看到的內容,是經由快取緩存過的。

當你剛剛開啟緩存快取外掛之後,通常會需要一點時間來讓爬蟲抓取你的網站,因此通常需要多測試幾次之後,所測出來的結果才會看到 x-proxy-cache的狀態顯示為 HIT

當 x-proxy-cache 顯示 HIT 時表示網站已啟用緩存快取
當 x-proxy-cache 顯示 HIT 時表示網站已啟用緩存快取

我們從上面兩張圖可以明顯地看到,主機的 TTFB 從 0.8 秒降至 0.4 秒左右,速度加快大約 50% 左右。而這還只是一個完全空白的網站所呈現的差異,如果你的網站越大,啟用緩存快取所帶來的加速,可能會比 50% 還要更多。這就是為什麼我們一直不斷強調緩存快取的重要性與優點。

啟用緩存快取之後所得出的測速結果
啟用緩存快取之後所得出的測速結果

當然,當一個網站經營越來越久之後,往往會安裝更多的外掛與使用更多的服務,例如:安裝 Google Analytics 與使用 Google Fonts 會需要請求第三方的 JavsScript,導致你的網站會受到這些請求而拖慢速度。而這些問題就需要專業的人員不斷針對這些特定的需求進行更專業且深入的優化了。


本文章發表於:觀點放送

加入304

Sliven 褚崇名

追蹤 323 鼓勵作者

Hi 我是 Sliven,我喜歡間單。

鼓勵作者

目前持有 Blink Coin: Loading..

選擇禮物


愛心

(Coin 10)

幫高調

(Coin 20)

咖啡

(Coin 30)

掌聲鼓勵

(Coin 40)

崇拜眼神

(Coin 50)

驚呆了

(Coin 60)

神人4ni

(Coin 70)

花束

(Coin 100)

鑽石

(Coin 300)

紅寶石

(Coin 500)

藍寶石

(Coin 1000)

黃寶石

(Coin 3000)


送出鼓勵



發表匿名文章不會出現你的大頭圖與名稱,你可暢所欲言,但文章內容務必遵守「佈告欄使用規範」!


回應

送出回應


想回應這篇文章嗎?也想發表文章嗎?
馬上登入來發表文章、追蹤作者、收藏文章或回應文章吧!

註冊 登入