SEO優化中，網站速度也跟主機有關嗎?

今天來說可思科技近期遇到的客戶C的案例。

我們的客戶C的網站有國外業務需求，包含歐洲、東南亞等地，對網站速度及網站seo優化非常要求。

在客戶C網站正式上線後，卻發現客戶C的網站不太穩定，在沒有快取的情況下，有時載入速度很快、有時載入時間很慢。

問題來了，網站速度為甚麼會慢?

網站速度同時牽扯到當下網速、程式效能、網站內容多寡、特效多寡、圖片檔案大小、主機效能、主機網路頻寬，

若是有境外連線優化需求，與CDN(內容傳遞網路)也有關係。

Ｑ１：CDN是什麼?

CDN（Content Delivery Network，內容傳遞網絡）是用來加速網絡內容傳遞的技術，是一種分布式網絡架構，通過將內容（如網頁、圖片、視頻等）分散存儲在多個地理位置的伺服器上，來加快內容的傳遞速度。當用戶請求內容時，CDN會根據用戶的地理位置，將請求路由到最近的伺服器，從而減少傳輸延遲。

• CDN主要用於靜態內容的傳遞，如圖片、CSS文件、JavaScript文件等，適合於全球範圍內分布式的靜態內容加速。

因為影響網頁速度的變數很多，我們在測試問題時，會仔細觀察頁面每個細項的載入速度是否正常，

並盡量以同情境改變單一變數去做測試，釐清具體問題點在哪裡。

在測試速度時，不能用1次性的測試為基準，以下說明測試速度的基本計算法:

1. 在1分鐘內，連續刷至少10次以上。
2. 最大值速度最小值速度，不能差異高於5倍以上。
3. 最小值與平均值不能差異1.5倍以上。

透過這些數據才能判斷網路及主機效能的問題，另外在速度方面的判讀，並不能單純只用運行速度，還要查看TTFB數據(主機回應時間)。
通常來說，TTFB不能超過500毫秒，只要有一項超過就是網路頻寬或是交換率有問題。

測試過程中，先發現程式上可以優化Content-Length，加快網頁加載速度。

Ｑ２：Content-Length是什麼?

Content-Length是HTTP消息長度，是Headers中常見的一個欄位，Content-Length（header）指定了傳輸的資料體（body）的長度（以位元組為單位），這個值告訴瀏覽器在接收到指定數量的位元組後完成當前請求的資料接收。

 

以下說明Content-Length如何影響加載速度：

1. 資料傳輸大小：較大的Content-Length意味著需要傳輸更多的資料，這通常會導致更長的加載時間。尤其是在網絡速度較慢或不穩定的情況下，資料量的增加會更加明顯地影響加載速度。
2. 瀏覽器渲染：對於某些類型的資源（如 HTML、CSS、JavaScript），瀏覽器可能需要等待整個檔案接收完成才能開始處理和渲染。因此，較大的Content-Length可能會延遲瀏覽器渲染過程的開始。
3. TCP/IP 協議特性：在 TCP/IP 協議中，資料通常被分割成多個封包進行傳輸。較大的檔案需要更多的封包，這可能導致額外的網絡延遲和傳輸時間。

為了優化網頁加載速度，可以考慮以下策略：

• 壓縮檔案：使用 GZIP 或 Brotli 等壓縮算法減小檔案大小，從而減少 Content-Length。
• 分割資源：將大檔案分割成較小的片段，可以並行加載，從而加快整體加載速度。
• 移除不必要的資料：精簡 HTML、CSS 和 JavaScript 檔案，移除不必要的空格、註解和代碼，可以有效減少Content-Length。

 

總之，Content-Length 確實會影響網頁加載速度，因此在網站優化過程中應當考慮對檔案大小的控制和優化。

 

但在此案例，Content-Length不是主要問題，我們在優化Content-Length之後持續測試，以下提供真實測試數據:

以首頁做測試，1分鐘內同一裝置與網路測試10次的平均速度，針對客戶選用的Y主機商正式機及可思的測試機做比對：

• 首次進入無快取/圖片有壓縮（100K內）
  • 正式機 2.38s-25.84s
  • 測試機1.93s-2.31s

• 首次進入無快取/圖片沒壓縮（800K內）
  • 正式機2.33s-1min
  • 測試機1.89s-2.25s

• 有快取/圖片有壓縮（100K內）
  • 正式機 1.02s-1.21s
  • 測試機 981ms-1.28s

• 有快取/圖片沒壓縮（800K內）
  • 正式機 585ms-1.19s
  • 測試機 991ms-1.12s

依上述數據可以觀察到，正式機偶爾會出現很長的等待時間，意思就是瀏覽器根本都還沒連到主機，這個問題不是主機效能的問題造成的，而是主機網路頻寬及對應PROXY加速器設備問題所造成。

Ｑ３：Proxy加速器是什麼?

• Proxy加速器通常指的是反向代理伺服器，它位於客戶端和原始伺服器之間，用於接收客戶端的請求並將其轉發給原始伺服器。當原始伺服器響應後，Proxy加速器可以對內容進行緩存，並在後續的請求中直接從緩存中提供內容，從而加速響應時間。
• Proxy加速器不僅可以用於靜態內容的加速，還可以用於動態內容的加速，並提供一些額外的功能，如負載平衡、安全性增強等，更適合於本地或區域範圍內的動態和靜態內容加速。

實際測試：透過測試確認客戶C的網站網速不穩的問題主要來源來自主機。

一般來說，我們都會建議客戶主機的規格，同時也會推薦我們信任的主機商，

當然選擇其他主機商也是OK的，只是我們不會清楚該主機商狀況，只能就網站需求提出最低規格建議。

客戶C選擇了非我們推薦的Y主機商，而我們在測試過程中發現主機造成了網站速度不穩。

在沒有快取的情況下，短時間不斷載入單一網頁測試，我們發現客戶C網站單一頁面載入時間從2秒到1.9分都有可能，甚至有單一圖片發生停滯1.4分鐘情況!

上圖給大家參考一下:

總結，此案例客戶只要更換主機商，就能解決網站速度不穩定問題，大幅提升使用者體驗。

需要注意，主機總類分很多種，虛擬空間式的主機，一般是給有預算考量且不考量網速的網站使用。
如果想要網站速度快，建議至少選用IP獨享的VPS虛擬主機。

相信大家在建置網站時，花費大量時間、金錢、精力，期待最後有一個賞心悅目且有良好使用者體驗的網站，為公司帶來更大的效益。選擇低階便宜主機可能會對網站和業務產生負面影響，讓之前的努力功虧一簣，建議選擇高品質的主機服務，即使價格稍高，但可以為我們帶來更好的性能和服務，確保網站運行順暢、安全可靠，發揮網站的最大價值!