頁面速度檢查器

頁面速度檢查器

頁面速度檢查器是一款基於瀏覽器的工具，透過測量載入時序和稽核 HTTP 響應標頭來分析網站效能。它提供即時的效能得分、時序階段（DNS、連接、TTFB、下載）的視覺化瀑布圖，以及關於提高頁面速度、快取、壓縮和安全標頭的可操作建議。

如何使用頁面速度檢查器

1. 輸入 URL — 輸入或貼上您要分析的頁面完整 URL。如果省略，工具會自動添加 https://。
2. 點擊「分析速度」 — 工具將抓取頁面、記錄時序並分析響應標頭。
3. 查看您的得分 — 根據響應時間和標頭最佳實踐計算出總體效能得分（0–100）。
4. 檢查瀑布圖 — 視覺化瀑布圖細分了 DNS 解析、連接、伺服器響應 (TTFB) 和內容下載階段。
5. 閱讀稽核與建議 — 查看具體的標頭稽核結果，並遵循按優先級排序的建議以優化效能。

瞭解關鍵指標

TTFB (首位元組時間)

TTFB 測量瀏覽器發送請求後等待來自伺服器的第一個資料位元組所需的時間。它包括 DNS 解析、TCP 連接、TLS 握手和伺服器處理時間。良好的 TTFB 低於 200ms；超過 1000ms 的值表示嚴重的伺服器端瓶頸。

總載入時間

從請求開始到響應下載完成的總時間。對於 HTML 文件，這代表文件傳輸時間（不包括後續資源如圖片、CSS 和 JavaScript 的載入）。

響應大小

響應本文的大小。較小的響應載入更快。啟用壓縮 (gzip/Brotli) 並縮減 HTML/CSS/JS 以減少傳輸大小。典型的網頁 HTML 壓縮後應在 100KB 以下。

效能標頭最佳實踐

得分構成

效能得分由兩個主要因素計算得出：

• 響應時間 (60%) — TTFB 和總載入時間。低於 200ms 的 TTFB 和低於 1000ms 的總時間為極佳。
• 標頭稽核 (40%) — 缺少壓縮、快取或安全標頭會降低得分。每項失敗的檢查都會扣分。

得分等級劃分為：90–100 極佳，70–89 良好，50–69 有待改進，0–49 較差。

侷限性

• 此工具在您的瀏覽器中執行，因此結果反映了 您的 網路條件和地理位置。
• CORS 限制可能會阻止對某些網站進行完整的標頭分析。在這些情況下，工具會退而僅進行時序分析。
• 與伺服器端工具（如 Lighthouse, WebPageTest）不同，此工具無法測量渲染時序、JavaScript 執行或 LCP, FID 和 CLS 等核心網頁指標。
• 由於網路狀況、伺服器負載和快取的原因，每次執行的結果可能會有所不同。

提高頁面速度的小撇步

1. 啟用壓縮 — 在您的網頁伺服器上配置 gzip 或 Brotli 以壓縮文字資源。
2. 設置快取標頭 — 為靜態資源設置長 max-age，為 HTML 設置短 max-age 並配合 ETag。
3. 使用 CDN — 從靠近使用者的邊緣節點提供資源以減少延遲。
4. 優化圖片 — 使用現代格式（WebP, AVIF），壓縮圖片並實施延遲載入。
5. 減少渲染阻塞資源 — 延後執行非關鍵的 CSS 和 JavaScript。
6. 減少第三方腳本 — 每個外部腳本都會增加 DNS 解析、連接和解析時間。

常見問題

頁面速度檢查器測量什麼？

它測量響應時間（TTFB 和總載入時間），分析 HTTP 響應標頭是否符合快取、壓縮和安全標頭等效能最佳實踐，並提供包含可操作建議的總體效能得分。

為什麼頁面速度對 SEO 很重要？

Google 將頁面速度作為排名因素。更快的頁面提供更好的使用者體驗、更低的跳出率和更高的轉換率。核心網頁指標（包括載入效能）是 Google 頁面體驗訊號的一部分。

什麼是 TTFB，為什麼它很重要？

TTFB（首位元組時間）測量瀏覽器等待來自伺服器的第一個資料位元組所需的時間。良好的 TTFB 應低於 200ms。高 TTFB 表示伺服器端效能問題，如資料庫查詢緩慢、缺乏快取或伺服器過載。

為什麼在測試某些 URL 時會出現 CORS 錯誤？

當網站限制來自其他網域的瀏覽器請求時，就會發生 CORS（跨來源資源共用）錯誤。這是一項安全功能。如果您遇到 CORS 錯誤，表示目標伺服器不允許來自瀏覽器的跨來源請求。

我該如何提高頁面速度得分？

啟用 gzip 或 Brotli 壓縮，設置適當的 Cache-Control 標頭與長 max-age 值，使用 CDN，優化圖片，減少渲染阻塞資源，並實施 HSTS 和 X-Content-Type-Options 等安全標頭。