原因和內容為何？
您可能聽過漸進式網頁應用程式技術可為網站帶來的種種好處。您可能會想直接開始新增 PWA 功能。這麼做是可行的，但建議您先將應用程式設為「PWA 就緒」。
無論 PWA 有多神奇，都無法解決封鎖 JavaScript 或圖片過大等問題。PWA 需要穩固的基礎。
那麼，你如何檢查網站的健康狀態？第一步是進行網站稽核：客觀地檢查哪些內容運作良好，以及哪些地方 (和如何) 可以改善。
對網站或應用程式進行稽核，有助於您打造可彈性且效能良好的體驗，並找出可在取得最少核准的情況下實施的快速解決方案。稽核作業也會提供資料驅動式開發的基準。變更是否有助於改善情況？與競爭對手相比，你的網站表現如何？您可以根據指標優先處理問題，並在改善後提供具體證據。
如果您只有 5 分鐘的時間…
在首頁上執行 Lighthouse，並儲存報表資料。您會收到量化基準和待辦事項清單，以便改善效能、無障礙功能、安全性和 SEO。
如果您只有 30 分鐘…
Lighthouse 仍是最佳起點，但如果有更多時間，也可以透過其他工具記錄結果：
- Chrome 開發人員工具安全性面板：HTTPS 使用情形。
- Chrome 開發人員工具網路面板：載入時間、HTML、CSS、JavaScript、圖片、字型和其他檔案的資源大小和要求數量。
- Chrome 工作管理員：如果您的網站持續使用大量 CPU 或比其他應用程式使用更多記憶體，則可能需要修正記憶體耗用量過高、工作執行或資源載入問題。請務必在代表使用者的裝置上測試網站。
- WebPagetest：不同地點和連線類型的效能、快取、首字節時間、CDN 用量。
- PageSpeed Insights：載入效能、資料成本和資源使用情形，包括 Chrome 使用者體驗報告資料，強調實際效能統計資料。
- 速度評量表和影響計算機：比較網站速度與同業，並估算改善網站速度的潛在收益商機。
請務必以首次造訪的使用者角度測試網站。開啟網站的無痕 (私密) 視窗，或使用瀏覽器工具停用快取並清除儲存空間。這可確保每項素材資源都是從網路擷取，而非從本機快取擷取，因此您可以準確掌握首次載入效能。
實地測試是最佳選擇，請使用與使用者相同的裝置和連線測試網站，並記錄主觀體驗。
如果您對各種工具感到困惑，
請參閱我們的指南：如何看待速度工具。
如果沒有其他問題，只要使用 Lighthouse 檢查以下項目即可：
- HTTPS：每個網站都應透過 HTTPS 提供所有素材資源。
- 伺服器設定：您的網頁伺服器或 CDN 應正確使用壓縮功能、使用 HTTP/2，並加入適當的標頭，以便瀏覽器快取資源。
- 可移至頁面底部的程式碼元素，和/或提供非同步或延遲屬性。
- 可移除的 JavaScript 和程式庫。
- 未使用的 CSS 和未使用的 JavaScript。
- 可以較高壓縮率或較小的像素尺寸儲存的圖片。
- 使用其他格式儲存的圖片檔案會較小，例如以 PNG 格式儲存的相片。
目標對象、利害關係人、內容
重構的優先順序取決於目標對象、內容和功能。誰造訪您的網站？為什麼要使用這項功能，以及使用方式為何？您的成效預算是多少？如果您不確定這些問題的答案，請試試我們的 PWA 訓練資源中列出的「需求收集」練習：目標對象和內容和「將所有使用者納入設計考量」。
您的利害關係人是誰？他們的優先事項為何？這會影響您建構、呈現及分享稽核資料的方式。
如果無法稽核整個網站，請查看網頁分析資料，瞭解應著重哪些部分。跳出率高、網頁停留時間低，以及未預期的離開網頁，都是很好的指標，可讓您知道從哪裡著手。同樣，也包括代管費用、廣告點擊和轉換等業務指標。向利害關係人取得重要資料的概略說明。
測試、記錄、修正、重複
在變更網站內容前，記錄網站狀態，以便找出問題，並設定改善或迴歸的起點。這麼做可讓您取得資料，以便證明並獎勵開發工作。
請務必測試網站中的多種網頁類型，而非只測試首頁。針對單頁應用程式，請測試不同的元件、路徑和使用者體驗流程，而非只測試首次載入體驗。