200個戰壕的故事表

效能是關鍵的 ​效能，尤其是網頁的速度，是成功網頁專案的關鍵因素。 主要目標是確保績效分數為100。

開發實務

• 使用Google PageSpeed Insights進行開發期間的持續測試。
• 以分數為100的範本程式碼開始專案，以維持高效能。
• 合併前，請確認提取要求(PR)符合效能標準。

關鍵量度 ​著重於最佳化最大內容繪製(LCP)和總封鎖時間(TBT)，因為它們會顯著影響效能分數。

資源管理

• 在專案來源中包含字型和第三方指令碼等必要資源。
• 使用字型後援來改善載入時間。
• 延遲載入非必要的指令碼，以改善初始載入效能。

影像最佳化 ​優先載入超過倍數的影像，並使用重要影像的高優先順序擷取設定。

個案研究

• CNN.com ​已最佳化查詢索引並延遲載入Google廣告以改善效能。
• Herbert本位目錄 ​使用交集觀察器API在使用者捲動時載入資料，改善效能和使用者體驗。

最佳實務

• 從程式碼範本開始，並使用結構良好的標籤。
• 利用進階CSS選取器並將JavaScript操作最小化。
• 著重於行動優先開發。
• 確保內容結構對於作者而言是直覺式的。

工具 ​使用Google Sheets和DSA等工具，追蹤網站一段時間內的績效分數。