Adam Raine
發布日期：2025 年 3 月 27 日
網頁的初始文件要求最為重要，因為所有網路要求和網頁內容都取決於此。最佳化初始文件要求可提升效能。
洞察檢查項目
這項洞察資訊會檢查下列任一情況是否影響初始文件要求：
- 導覽要求已重新導向一或多次。
- 伺服器回應要求的時間超過 600 毫秒。
- 回應未壓縮。
避免重新導向
重新導向會降低網頁載入速度。當瀏覽器要求已重新導向的資源時，伺服器通常會傳回類似下列的 HTTP 回應：
HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location
瀏覽器隨後必須在新位置發出另一個 HTTP 要求，才能擷取資源。這項額外的網路行程可能會延遲資源載入。
請確認連結指向資源的目前位置。如果您使用重新導向功能，將行動版使用者導向至網頁的行動版，請考慮重新設計網站，改用回應式設計。
縮短伺服器回應時間
如要縮短伺服器回應時間，第一步是找出伺服器必須完成的核心概念工作，才能傳回網頁內容，然後評估每項工作所需的時間。找出耗時最長的作業後，請設法加快速度。
伺服器回應速度緩慢的原因有很多，改善方式也很多：
- 最佳化伺服器的應用程式邏輯，加快準備網頁的速度。如果您使用伺服器架構，架構可能會提供相關做法建議。
- 最佳化伺服器查詢資料庫的方式，或遷移至速度更快的資料庫系統。
- 升級伺服器硬體，增加記憶體或 CPU。
- 使用 CDN 縮短網路延遲時間。如果文件可在 CDN 邊緣節點快取，這項做法就特別有效。
詳情請參閱「最佳化 TTFB」指南。
啟用壓縮功能
文字壓縮可縮減初始 HTML 文件的整體大小。瀏覽器要求資源時，會使用 Accept-Encoding HTTP 要求標頭，指出支援的壓縮演算法。
Accept-Encoding: gzip, compress, br, zstd
另請參閱「最佳化文字型素材資源的編碼和傳輸大小」。
伺服器應傳回 Content-Encoding HTTP 回應標頭，指出使用的壓縮演算法。
堆疊專屬指南
這項洞察資料也會針對使用下列技術的網頁，提供堆疊專屬的指引：
WordPress
- 在網路伺服器設定中啟用文字壓縮功能。
- 選擇輕量主題 (最好是區塊主題)，並實作全頁快取或靜態網站解決方案。停用不必要的外掛程式，盡量減少伺服器負擔。
- 建議你將代管作業升級為代管或專屬服務。
Drupal
- 如果已安裝 Redirect 模組，請檢查並移除不必要的重新導向。
- 使用
Internal Page Cache、Internal Dynamic Page Cache和BigPipe等一或多個Drupal快取模組卸載流量。將上述模組搭配 CDN 使用，可進一步縮短回應時間。代管伺服器應採用 PHP OPcache。 - 建議你使用 Redis 或 Memcache 等記憶體快取，縮短資料庫查詢時間。
- 使用效能良好的主題、模組和速度更快的伺服器，縮短伺服器回應時間。
回應
- 如果使用 React Router，請盡量避免在路徑導航中使用
<Redirect>元件。 - 如果你在伺服器端轉譯任何 React 元件，建議你使用
renderToNodeStream()或renderToStaticNodeStream()，以允許用戶端接收並填入標記的不同部分，而非一次接收整個標記。
Joomla
- 啟用 Gzip 頁面壓縮設定 (依序點選「系統」>「全域設定」>「伺服器」)。
- 範本、擴充功能和伺服器規格都會影響伺服器回應時間。建議你尋找經過最佳化調整的範本、謹慎選擇最佳化擴充功能，或升級伺服器。
Magento
- 使用 Magento 的 Varnish 整合功能。