網站除了是公司展示產品和服務的宣傳窗口，也代表了品牌形象。一個網站的成功，除了優雅的設計，用戶體驗也很重要，當中網站的載入速度決定用戶能否以最短的時間內獲取所需資訊。優化網頁速度已然成為網站管理者和開發者必須深入瞭解並實踐的關鍵步驟。
Raymond C (SEO Specialist) 將在本文深入探討網頁速度對技術SEO的影響，介紹Google PageSpeed Insights等各種網站速度測試的工具、提供一系列具體而有效的優化項目，助您提高網站速度！
網站載入速度是什麼？
網站載入速度（英文：Website Loading Speed, Page Speed）是指網站在瀏覽器中載入所需的時間。這時間包括伺服器的回應時間、資源的下載時間、瀏覽器的渲染時間等多個階段。這些時間的總和形成了網站整體的載入速度，而一個載入速度快的網站能提供更為優質的用戶體驗。
網站 VS 網頁載入速度有什麼分別？
雖然多數情況下我們都不會咬文嚼字，但是實際上一個網站是由多個網頁所組成。通常網站載入速度是整體性的，而網頁載入速度是單個網站頁面量度。前者是是整個網站優化，會影響所有頁面；後者則只針對單個網頁優化。
網頁速度如何影響 SEO？
網頁速度是一定會影響 SEO。當網頁或網站的速度過慢，會損害SEO方面的表現，原因如下：
搜尋引擎演算法
網頁速度是Google等搜尋引擎的演算法中一個關鍵指標。Google明確表示：「我們宣布自 2018 年 7 月起，網頁速度將列入行動搜尋的排名依據。」 [1]
此外，目前網站載入速度也進化為「網頁體驗」中的網站使用體驗核心指標（Core Web Vital），當中主要部份是最大內容繪製（LCP）。
檢索效率
網站從提交到Google到獲得排名都需要經過爬蟲程序的檢索步驟。每個網站都會有一定的檢索預算（Crawl Budget）。網站載入速度慢，爬蟲便需要等待更長時間；若網站太慢，爬蟲甚至會放棄檢索，可能會減少檢索頁面數量，減慢收錄過程。
用戶體驗
用戶體驗不只是SEO算法的考慮因素，也是提高網站體驗的重要指標。網站載入速度過慢，用戶可能會失去耐性，不再等待並放棄瀏覽，因此用戶行為數據表現中，跳出率便會較高，而且停留時間短，甚至造成Pogo Sticking的情況。
停留時間及跳出率也是Google於用戶行為數據中的量度用戶體驗的指標之一，速度快的網站能夠減少跳出率並增加停留時間，提高用戶體驗的表現。
網站載入速度是幾秒較好？
網站載入速度當然是越快越好，Google官方認為伺服器回應的目標時間在0.5秒內，電商網站為2秒之內。
Google官方：「在其他情況下，根據 Akamai 進行的研究結果顯示，電子商務網站在回應時間上「可接受」的門檻為 2 秒。提醒你，Google 的回應時間目標是半秒內。」[2]
此外，根據Browserstack對全球排名前 100 的網站的調查，到 2023 年，電腦上的平均頁面載入時間為 2.5 秒，手機版上的平均頁面載入時間為 8.6 秒。
Raymond個人認為，網站載入速度來講，電腦版最好是2.5-3秒之內；而手機版最好是4秒之內。
網頁速度的檢測方式
網頁速度可以有多種測量方式，以下是最常見的三種：
- 完全載入的頁面：以網頁所有資源完全載入所需的時間，這通常是量度載入速度最直接的方法。
- 首字節時間（TTFB , Time to First Byte）：從瀏覽器發送請求到接收到伺服器的第一個字節（byte）所花費的時間。換句話說，它反映了從用戶端向伺服器發送HTTP請求，到伺服器開始返回數據的時間間隔。
- 首次內容繪製 (FCP, First Contentful Paint) ：測量從用戶首次載入頁面到頁面內容的任何部分呈現在螢幕上的時間。
通常我們會以完全載入所需時間量度網站速度，Google目前提出網站使用體驗核心指標（Core Web Vital），當中最大內容繪製（LCP）也是一些可參考的指標。
網頁速度的檢測工具
那麼要如何測量網站速度？以下是4款常見的工具：
1. Google PageSpeed Insights
Google PageSpeed Insights是一個提供全面性能分析的工具，它評估了網站在移動和桌面設備上的表現。透過建議性的優化方案，指導開發者優化資源，提升網站速度。
2. Google Search Console
Google Search Console的核心網站使用者體驗指標提供了有關網站性能的資訊，包括：網站使用體驗核心指標（Core Web Vital）、網站錯誤、手機支援度。這些指標除了幫助我們了解網站在搜尋結果中的表現，還提供了改進的方向。
3. Pingdom
Pingdom是一款網站性能監測工具，提供了載入時間、頁面大小、請求數等詳細信息。這有助於評估網站在全球各地的性能，並定位可能的改善空間。
4. GTmetrix
GTmetrix整合了Google PageSpeed Insights和YSlow，為使用者提供全方位的網站性能分析。透過其性能歷史追蹤功能，能夠實時了解優化措施的效果。
影響網頁速度的2大因素
網頁速度主要受到硬件和軟件2大因素的影響；硬件主要為伺服器和帶寬；軟件以網站代碼、CMS及檔案數量和大小所影響。
硬件層面
在影響網頁速度的硬件層面，伺服器和帶寬是兩大關鍵因素。
伺服器
伺服器的性能直接影響著網頁的回應時間，包括：處理請求和提供所需內容的速度；同時，伺服器的位置和配置也很重要。
頻寬
頻寬則是另一個影響網頁速度的關鍵因素。頻寬決定了伺服器能夠同時處理多少數據。當網站流量龐大時，充足的頻寬可以確保用戶能夠迅速獲取所需內容，降低載入時間。
軟件層面
在軟件層面，網站的代碼質量和最佳化程度是影響網頁速度的重要因素。
網站代碼
冗余的、未優化的代碼會增加網頁的載入時間。
網站CMS及插件
網站CMS（Content Management System）和插件的選擇也會影響網頁性能。一些CMS和插件可能較為龐大，增加了伺服器處理的負擔，因此應選擇輕量且高效的解決方案。及時更新CMS和插件，確保它們的最新版本，以獲得性能優化和安全性。
檔案數量及大小
檔案數量和大小直接關係到網頁載入速度。
伺服器和瀏覽器快取
通過啟用伺服器和瀏覽器快取，以及合理設置快取的過期時間，可以減少對伺服器的請求次數，提高網頁載入速度。經過精心設計的快取機制能夠在一定程度上彌補硬件層面的性能限制。
如何優化網頁速度？8大關鍵重點！
先前提到網頁速度影響因素有硬件層面的伺服器、軟件層面的網站代碼或網站CMS及插件。
然而，這還是需要考慮許多因素，包括用戶和瀏覽的網站該伺服器的距離、當地的網速的條件等限制；有些網站載入速度慢，有可能是瀏覽的用戶本身的問題；我們只需要全力做好自己的部份，以下是優化網站速度的8個關鍵：
1. 提升伺服器性能，減少回應時間
使用高效的伺服器硬件，例如更快速的處理器、更大的記憶體和更快速的儲存設備，有助於降低伺服器的回應時間。
同時，伺服器的位置和配置也很重要。選擇離用戶更近的伺服器位置，能夠減少數據的傳輸時間，提升網頁載入速度。
2. 使用CDN服務
使用CDN（Content Delivery Network）服務可以進一步優化全球內容分發。網站的靜態資源能夠被分發到全球不同的伺服器節點，用戶能夠更快速地獲取這些資源，大大提高了網頁載入速度，提供更迅速的用戶體驗；目前免費的CDN如Cloudflare也是不錯的選擇。
3. 使用AMP
加速移動頁面（AMP）是Google支持的開源計劃，它限制了網頁內容和資源，提高了手機設備上的網頁速度；不過Raymond個人並不特別推薦AMP的使用。
4. 啟用網站快取（Cache）機制
透過網站快取機制，減少對數據庫查詢的需求，減少對伺服器的請求次數，
加速資源的載入。定期清理快取，以確保用戶能夠獲得最新的內容。使用Wordpress等CMS可使用WP Rocket等快取插件或Nitropack等服務。
5. 善用瀏覽器快取（Cache）
通過適當設定快取標頭，使瀏覽器能夠有效地儲存和再次使用先前獲得的資源，進一步減少載入時間。
6. 壓縮圖片等多媒體
使用圖片和其他多媒體的壓縮工具，減小其文件大小，從而提高網頁載入速度。同時注意保持圖片的品質。
7. 優化HTML/CSS/JavaScript
優化方面可進行HTML、CSS和JavaScript的壓縮和合併、移除未使用的JavaScript和CSS，減少不必要資源的載入。
壓縮CSS/JavaScript靜態檔，可以減少文件大小，降低下載需時；合理地合併CSS/JavaScript靜態檔，可以減少對伺服器的請求次數，減少伺服器負擔，加快網頁載入速度。
注意：過度合併CSS/JavaScript靜態檔有可能使靜態檔體積過大、造成Render Blocking或某些功能失效，有任可疑問可尋求Web Developer的幫助。
8. 減少轉址（Redirects）
過多的轉址會增加網頁載入時間，合理使用301和302轉址，儘量減少不必要的轉址。
總結：網頁速度的優化是提高網站SEO排名不可或缺的一環
透過使用Google PageSpeed Insights、Google Search Console、Pingdom和GTmetrix等工具，開發者能夠全面評估網站的性能，並採取有針對性的優化措施。提升伺服器性能、使用CDN服務、啟用網站快取、優化多媒體資源和減少轉址等措施，將有助於網站提高載入速度，提升SEO排名，同時提供更出色的用戶體驗。
參考資料：
