Lighthouse
名詞 · 稽核工具
由 Google 開發的開源稽核工具,依據五個關鍵面向自動分析網頁——效能、無障礙性、最佳實踐、SEO 和漸進式網頁應用程式——每個類別給予 0 到 100 的評分。
整合於 Chrome DevTools 並提供 CLI 版本的分析解決方案,模擬真實瀏覽條件來衡量 Core Web Vitals(LCP、FID、CLS)並精確找出網站的技術瓶頸。
網頁產業中效能優化的參考工具,被開發者和數位團隊使用,確保每個交付的頁面都符合 Google 對 SEO 排名要求的品質標準。
Lighthouse 可直接從 Chrome DevTools 使用,開啟「Lighthouse」分頁,選擇要稽核的類別(效能、無障礙性、SEO 等),然後啟動分析。它也可透過 npm 的命令列或 Google 的 PageSpeed Insights API 使用。我們的團隊將 Lighthouse 整合到 CI/CD 流水線中,確保每次部署都維持最佳的效能分數。
Google Optimize 曾是 Google 的免費工具,用於進行 A/B 測試和網頁個人化以優化轉換率。該服務已於 2023 年 9 月被 Google 永久關閉,由整合在 Google Analytics 4 中的功能取代。我們的團隊現在使用替代方案如原生 A/B 測試和 Lighthouse 來衡量優化對效能和轉換的影響。
Firefox 模組(擴充功能)可從官方網站 addons.mozilla.org 或直接透過瀏覽器的「附加元件」選單安裝。安裝後,它們添加類似 Lighthouse 的效能稽核等功能。我們的團隊建議使用 Firefox 的 Lighthouse 擴充功能,在 Chrome 之外的環境中稽核您的頁面,獲得網站品質的完整視圖。
Firefox 模組在主選單(右上角三條橫線)中,點擊「附加元件和佈景主題」,或使用快捷鍵 Ctrl+Shift+A。您也可以在 addons.mozilla.org 存取完整目錄。要稽核您網站的效能,我們的團隊建議安裝此目錄中提供的 Lighthouse 擴充功能。
要在 Firefox 中顯示已安裝的擴充功能,前往主選單然後選擇「附加元件和佈景主題」,或在網址列輸入 about:addons。「擴充功能」分頁列出所有啟用和停用的擴充功能。我們的團隊使用這些擴充功能作為 Lighthouse 的補充工具,分析不同瀏覽器上的網頁效能。
要知道您的網站是否效能良好,從 Chrome DevTools 或 Google 的 PageSpeed Insights 啟動 Lighthouse 稽核:效能分數超過 90 表示優秀的效能。需要監控的關鍵指標是 LCP(Largest Contentful Paint)、FID(First Input Delay)和 CLS(Cumulative Layout Shift)。我們的團隊為每個專案分析這些 Core Web Vitals,確保快速的使用者體驗和最佳的 SEO。
網站效能主要透過 Google 的 Core Web Vitals 來衡量:LCP(主要內容載入時間)、FID(互動回應性)和 CLS(視覺穩定性)。Lighthouse 和 PageSpeed Insights 是獲取這些指標的參考工具。我們的 Next.js 專業團隊將效能監控直接整合到應用程式中,即時追蹤這些指標並持續優化。
網站品質透過 Lighthouse 稽核的五個支柱來衡量:效能(載入速度)、無障礙性(WCAG/RGAA 合規)、最佳實踐(HTTPS 安全、無錯誤)、SEO(結構化標記、可索引性)和 PWA 相容性。我們的團隊系統性地追求每個面向的 Lighthouse 分數超過 90,確保客戶的網站符合市場上最嚴格的標準。