Lighthouse 2.6 がリリースされました。ハイライトは以下のとおりです。
新機能、変更、バグ修正の完全なリストについては、2.6 リリースノートをご覧ください。
2.6 にアップデートする方法
- NPM。
npm update lighthouse
を実行します。Lighthouse をグローバルにインストールした場合は、npm update lighthouse -g
フラグを実行します。 - Chrome 拡張機能拡張機能は自動的に更新されますが、
chrome://extensions
を使用して手動で更新することもできます。 - DevTools。[Audits] パネルは Chrome 65 の 2.6 でリリースされます。実行中の Chrome のバージョンは
chrome://version
で確認できます。Chrome は約 6 週間ごとに新しいバージョンに更新されます。最新の Chrome コードを実行するには、Chrome Canary をダウンロードしてください。
新しいパフォーマンス監査
JavaScript の起動時間が長い
ページで各スクリプトの解析、コンパイル、実行に費やした時間の内訳を確認できます。 JavaScript の起動時間は、あまり知られていないものの、ページの読み込み時間における重要な要素です。

静的アセットに対して非効率的なキャッシュ ポリシーを使用する
ブラウザが各リソースを適切にキャッシュに保存していることを確認します。

ページのリダイレクトを回避する
ページ リダイレクトは、追加のネットワーク ラウンドトリップを追加するか、追加の DNS ルックアップが必要な場合は 2 回のネットワーク ラウンドトリップを追加します。ページの読み込み時間を短縮するために、リダイレクトは最小限に抑えます。

ユーザー補助セクション スコアの見直し
Lighthouse 2.6 では、アクセシビリティ スコアの集計方法の計算方法が異なります。このスコアは、HTTP Archive データセットに基づいて、各ユーザー補助監査をユーザー エクスペリエンスへの影響の重大度と問題の頻度に基づいて評価します。詳しくは、googlechrome/lighthouse/issues/3444 をご覧ください。
UX の改善を報告する
トップレベルのエラー
レポートの上部には、ページのスコアに影響を与えている可能性のあるエラーが Lighthouse から通知されます。

印刷概要と展開表示
[レポートをエクスポート] をクリックし、[概要を印刷] または [展開して印刷] を選択して、レポートの要約版または詳細版を出力します。

アスペクト比のバグの修正
2.6 では、ページに画像がない場合やすべての画像のサイズが適切に設定されていても、[正しいアスペクト比の画像を表示する] の監査が失敗するバグも修正されています。