Lighthouse 2.8 の更新情報

Lighthouse 2.8 がリリースされました。ハイライトは以下のとおりです。

新機能、変更、バグの修正の一覧については、2.8 リリースノートをご覧ください。

2.8 への更新方法

  • NPM npm update lighthouse を実行します。Lighthouse をグローバルにインストールした場合は、npm update lighthouse -g フラグを指定します。
  • Chrome 拡張機能。拡張機能は自動的に更新されますが、chrome://extensions を使用して手動で更新することもできます。
  • DevTools。監査パネルは、Chrome 65 の 2.8 でリリースされます。実行中の Chrome のバージョンは chrome://version で確認できます。Chrome は約 6 週間ごとに新しいバージョンにアップデートされます。最新の Chrome コードを実行するには、Chrome Canary をダウンロードします。

新しいパフォーマンス監査と SEO 監査

[プラグインの使用を避ける] 監査では、プラグインがページのモバイル フレンドリー化を妨げているため、削除すべきプラグインが一覧表示されます。ほとんどのモバイル デバイスはプラグインをサポートしていません。

プラグインの使用を避ける監査。
図 1. プラグインの使用を避ける監査

SEO カテゴリの [ドキュメントに有効な rel=canonical が指定されています] 監査では、rel=canonical URL が検査され、検索結果に表示する URL がクローラーに認識されるようにします。

ドキュメントに有効な rel=canonical 監査があります。
図 2. ドキュメントに有効な rel=canonical 監査

[ページがモバイル フレンドリー] と [構造化データが有効] の手動オーディエンスでは、SEO をさらに改善できます。この場合の「手動」とは、Lighthouse でこれらの監査を自動化できないため、ご自身でテストする必要があることを意味します。

手動の SEO 監査。
図 3. 手動 SEO 監査

[パフォーマンス] カテゴリの [CSS を圧縮] と [JavaScript を圧縮] の監査では、ペイロード サイズと解析時間を短縮するために圧縮できる CSS または JavaScript がないか確認します。

CSS の圧縮と JavaScript の圧縮の監査。
図 4. CSS を圧縮するJavaScript を圧縮するの監査

Lighthouse レポートの最初のカテゴリとしてパフォーマンスが表示される

Lighthouse レポートの最初のカテゴリが [パフォーマンス] になりました。レポートの最初のカテゴリがプログレッシブ ウェブアプリだったため、Lighthouse はプログレッシブ ウェブアプリ専用のものと思われていたユーザーもいました。実際のところ、Lighthouse は、プログレッシブ ウェブアプリかどうかにかかわらず、あらゆるウェブページの改善方法を把握するのに役立ちます。

ユーザー補助のスコアリングを更新しました

特定のページにユーザー補助の監査が適用されない場合は、その監査はユーザー補助スコアにはカウントされなくなります。

新しい読み込みメッセージと要点早わかり

Chrome DevTools の読み込みメッセージと概要。
図 5. Chrome DevTools の読み込みメッセージと概要

新しい Lighthouse リリース ガイド

リリースのタイミング、命名規則などについては、メンテナー向けリリースガイドをご覧ください。