您的当前位置:首页正文

網站速度測試分析與優化指南 - TechMoon 科技月球

来源:华佗小知识

為什麼呢?

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

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

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

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

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

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

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

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

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

Click to tweet

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

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

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

虛擬主機是否有快取功能

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

建議

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

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

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

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

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

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

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

該如何進行網站速度測試

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

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

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

選擇速度測試的來源位置

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

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

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

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

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

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

必須進行多次的測速

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

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

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

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

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

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

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

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

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

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

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

延伸閱讀

猜你喜歡