Lighthouse 原型設計堆疊組合

重點摘要:Stack Packs 是新的 Lighthouse 功能,目前仍在開發中,我們非常希望聽取你的寶貴意見!

Lighthouse 會稽核效能、無障礙功能和其他最佳做法,為開發人員提供重要指引,並據以改善網頁。不過,許多開發人員會使用不同技術建構網站 (例如 CMS 或 JavaScript 架構),因此可能需要更具體的建議。

「Stack Packs」這項功能可以擴充 Lighthouse,同時納入特定堆疊式建議。而不僅只顯示一般建議,還會提供額外訊息,說明如何透過偵測到在網站上使用的工具處理特定稽核。

WordPress 堆疊包的原型
WordPress 堆疊包的原型

社群將決定不同堆疊的建議。我們另外建立了一個存放區來整合構想,現在您可以利用 Lighthouse Viewer 查看這項功能的原型。

Lighthouse 支援哪些堆疊?

我們一開始是先從 WordPress 開始,並計劃日後擴展到其他熱門 CMS 和 JavaScript 架構 (React、Angular 等)。

這項功能會如何顯示在 Lighthouse 報告中?

以下為兩種選項:

  • 自動偵測網頁所用的堆疊 (例如 WordPress),並立即顯示其他堆疊特定訊息,以便進行適用的稽核。
  • 自動偵測網頁上正在使用的堆疊 (例如 WordPress),並提供切換按鈕,可讓使用者切換一般版本的 Lighthouse 和更新版本。

社群會如何修改堆疊專屬說明?

我們正在研究各種選項,希望在不久的將來能讓所有人建議堆疊專屬的建議。在此期間,您可以直接將 PR 提交至 Lighthouse Stack Packs 存放區,或是在此 WordPress 適用的 Google 試算表中留下建議。

意見回饋:

歡迎提供意見:

  • WordPress 推出後,我們未來應該優先處理哪些堆疊?
  • 想要在 Lighthouse 報表中顯示這項功能的方式嗎?
  • 有其他建議嗎?

如果您有想法,請在這個討論問題中留言。