內容導向網頁應用程式前端的效能

「效能」指的是網頁應用程式的效率、速度和回應速度。載入時間過慢且閒置會帶來高跳出率和轉換較少。因此，以內容為主的應用程式開發必須優先處理效能，確保使用者能順暢且有效率地與應用程式互動。網頁應用程式的速度和回應速度非常重視各產業；新聞應用程式應盡快提供文章，電子商務應用程式必須快速載入產品，才能持續吸引潛在客戶，而說明文件或網誌則需快速載入，才能提供清晰的瀏覽體驗和讀者滿意度。

可用於評估內容導向應用程式效能的工具包括：

• PageSpeed Insights (PSI)：透過 web.dev 執行這項工具，可用於檢查行動裝置和電腦的使用體驗，並提供改善建議。此資料採用 Chrome 使用者體驗報告 (CrUX) 資料集，並檢查多種使用體驗。
• Lighthouse：可在 Google Chrome 開發人員工具中找到，並擁有瀏覽器擴充功能，可測量網頁應用程式的許多面向，例如效能、無障礙設計、最佳做法、搜尋引擎最佳化 (SEO) 和 PWA 稽核。

網站體驗核心指標工具包含下列部分：

• 最大內容繪製 (LCP)：測量載入效能。LCP 應在頁面首次開始載入後的 2.5 秒內發生。
• 首次輸入延遲時間 (FID)：測量互動。網頁的 FID 不得超過 100 毫秒。
• 累計版面配置位移 (CLS)：測量視覺穩定性。網頁之 CLS 應維持 0.1. 或以下。