Lighthouse によるスタックパックのプロトタイピング

要約: スタックパックは今現在開発中の Lighthouse の新機能です。ぜひフィードバックをお寄せください。

Lighthouse は、パフォーマンス、ユーザー補助、その他のベスト プラクティスを監査し、ウェブページの改善に役立つ重要なガイダンスをデベロッパーに提供します。ただし、多くのデベロッパーは、サイトの構築にさまざまなテクノロジー(CMS や JavaScript フレームワークなど)を使用しているため、より具体的なアドバイスが必要になる場合があります。

スタックパックは、Lighthouse を拡張して、特定のスタックベースの推奨事項も含める機能です。一般的なアドバイスのみを表示するのではなく、ウェブサイトで使用されていることが検出されたツールを使用して特定の監査に対処する方法について説明する追加のメッセージが表示されます。

WordPress スタックパックのプロトタイプ
WordPress スタックパックのプロトタイプ

コミュニティが、さまざまなスタックにどのような推奨事項を設定するか決定します。アイデアを統合するために、別のリポジトリが作成されました。この機能のプロトタイプは、Lighthouse Viewer ですでに確認できます。

Lighthouse はどのスタックをサポートしますか?

最初は WordPress から開始し、今後は他の一般的な CMS や JavaScript フレームワーク(React、Angular など)にもリストを拡大する予定です。

この機能は Lighthouse レポートにどのように表示されますか?

検討されているオプションは 2 つあります。

  • ページで使用されているスタック(WordPress など)を自動的に検出し、該当する監査のスタック固有の追加メッセージをすぐに表示します。
  • ページで使用されているスタック(WordPress など)を自動的に検出し、ユーザーが Lighthouse の通常バージョンと更新版を切り替えられる切り替えボタンを表示します。

コミュニティがスタック固有の説明を変更するにはどうすればよいですか?

近い将来、誰でもスタック固有のおすすめを推奨できるようにするオプションを検討しています。それまでは、Lighthouse Stack Packs リポジトリに直接 PR を送信するか、WordPress 用のこちらの Google スプレッドシートに提案を残してください。

フィードバック

ご意見、ご感想をお寄せください。

  • WordPress の次に優先すべきスタックはどれですか?
  • Lighthouse レポートにこの機能を表示する方法について、ご希望はありますか?
  • 他にご提案がある場合は、

ご意見がございましたら、こちらのディスカッション トピックにコメントをお寄せください。