文件要求延遲時間

Adam Raine
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 回應標頭,指出所使用的壓縮演算法。

開發人員工具報告指出文件要求使用 gzip 壓縮
開發人員工具報告指出文件要求使用 gzip 壓縮

堆疊專屬指南

WordPress

  • 在網路伺服器設定中啟用文字壓縮功能。
  • 選擇輕量主題 (最好是區塊主題),並實作全頁快取或靜態網站解決方案。停用不必要的外掛程式,盡量減少伺服器負擔。
  • 建議你將代管作業升級為代管或專屬服務。

Drupal

  • 如果已安裝 Redirect 模組,請檢查並移除不必要的重新導向。
  • 使用 Internal Page CacheInternal Dynamic Page CacheBigPipe 等一或多個 Drupal 快取模組卸載流量。將上述模組搭配 CDN 使用,可進一步縮短回應時間。代管伺服器應採用 PHP OPcache。
  • 建議你使用 Redis 或 Memcached 等記憶體快取,縮短資料庫查詢時間。
  • 使用效能良好的主題、模組和速度更快的伺服器,縮短伺服器回應時間。

回應

  • 如果使用 React Router,請盡量避免在路徑導航中使用 <Redirect> 元件。
  • 如果你在伺服器端轉譯任何 React 元件,建議你使用 renderToNodeStream()renderToStaticNodeStream(),以允許用戶端接收並填入標記的不同部分,而非一次接收整個標記。

Joomla

  • 啟用 Gzip 頁面壓縮設定 (「系統」>「全域設定」>「伺服器」)。
  • 範本、擴充功能和伺服器規格都會影響伺服器回應時間。建議你尋找經過最佳化調整的範本、謹慎選擇最佳化擴充功能,或升級伺服器。

Magento

資源