このページは Cloud Translation API によって翻訳されました。

Lighthouse 2.6 の更新情報

Brendan Kenny

Kayce Basques

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 の起動時間は、あまり知られていないものの、ページの読み込み時間における重要な要素です。

静的アセットに対して非効率的なキャッシュポリシーを使用する

ブラウザが各リソースを適切にキャッシュに保存していることを確認します。

「静的アセットで非効率なキャッシュポリシーを使用」の監査 — **図 2**. **静的アセットで非効率なキャッシュポリシーを使用**の監査

ページのリダイレクトを回避する

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

「ページのリダイレクトの回避」の監査 — **図 3**. [**ページのリダイレクトの回避**] の監査

ユーザー補助セクションスコアの見直し

Lighthouse 2.6 では、アクセシビリティスコアの集計方法の計算方法が異なります。このスコアは、HTTP Archive データセットに基づいて、各ユーザー補助監査をユーザーエクスペリエンスへの影響の重大度と問題の頻度に基づいて評価します。詳しくは、googlechrome/lighthouse/issues/3444 をご覧ください。

UX の改善を報告する

トップレベルのエラー

レポートの上部には、ページのスコアに影響を与えている可能性のあるエラーが Lighthouse から通知されます。

レポートの上部にある最上位のエラー — **図 4**. レポートの上部にあるトップレベルエラー

印刷概要と展開表示

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

アスペクト比のバグの修正

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