myesn

myEsn2E9

hi
github

SEO: 使用 Lighthouse 分析網站需要改進的地方

介紹#

image

Lighthouse 提供針對性能、無障礙功能、漸進式 Web 應用、SEO 等方面的審核。

您可以在 Chrome DevTools 中、通過命令行或作為 Node 模塊運行 Lighthouse。為 Lighthouse 提供一個要審核的網址,它會對此頁面運行一系列審核,然後生成有關該網頁性能的報告。您可以將失敗的審核作為指標,了解如何改進網頁。每項審核都有參考信息,說明該審核的重要性以及如何解決問題。

開始使用#

在 Chrome 開發者工具中運行 Lighthouse#

它內置於 Chrome DevTools 中(如果沒有請下載一個 適用於桌面的 Chrome 瀏覽器),使用方法是:

  1. 打開一個匿名 / 隱身瀏覽器窗口,這有利於後續的檢測(避免加載插件影響檢測)
  2. 打開你要檢測的網頁,按下 F12 快捷鍵
  3. 點擊 Lighthouse 標籤頁,點擊分析網頁加載情況,如下圖所示:
    image
  4. 等待 30 - 60 秒,Lighthouse 會在頁面上顯示一份報告

其他#

Google 還提供了其他多樣化的運行 Lighthouse 的方式:

如果你想分享給其他人,參考:在線共享和查看報告

參考#

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。