PM雜學相談室－新手轉職PM交流區🙌

Google Analytics、Google、產品開發、商品銷售、競品分析、成效分析、官網營運、網站企劃能力、產品企劃、專案管理、網站流量成效追蹤、SEO

PM雜學相談室－新手轉職PM交流區🙌

關注

知識貓星球

喵星人

04/12 17:41

Lighthouse是什麼？超好用檢查網頁品質、SEO分數

Lighthouse 是一個由 Google 開發的開源工具，用於改善網站和網頁應用程式的品質。它可以進行各種測試，包括性能、可訪問性、最佳實踐、SEO（搜索引擎優化）等方面的測試。Lighthouse 提供詳細的報告，指出了改進的建議，以幫助開發人員提高網站的性能、可用性和SEO排名。這對於提升用戶體驗和網站的整體表現非常有用。

【使用方式】

1. 按下Fn+F12，開啟開發者功能

2. 上方列表有一個Lighthouse

3. 按下分析網頁載入作業，即可進行網站分析！

分析完畢後，即會出現各指標分數~

【Lighthouse 指標的說明】

1. 效能（Performance）：

►First Contentful Paint (FCP)：表示從導航開始到首次內容渲染的時間。較低的值意味著網頁將更快地呈現給用戶。

►Speed Index：評估頁面內容的整體加載速度。較低的值代表網頁內容將更快地可見。

2. 無障礙功能（Accessibility）：

►Aria：評估頁面中是否使用了 ARIA 屬性來改善可訪問性。

►Color Contrast：檢查文本和背景顏色之間的對比度，以確保內容對所有用戶都可見。