Brendan Kenny
Kayce Basques
Lighthouse 2.6 がリリースされました。ハイライトは以下のとおりです。
新機能、変更、バグの修正の一覧については、2.6 リリースノートをご覧ください。
2.6 へのアップデート方法
- NPM
npm update lighthouseを実行します。Lighthouse をグローバルにインストールした場合は、npm update lighthouse -gフラグを実行します。 - Chrome 拡張機能。拡張機能は自動的に更新されますが、
chrome://extensionsを使用して手動で更新することもできます。 - DevTools。監査パネルは、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 の改善
最上位のエラー
レポートの上部には、ページのスコアに影響している可能性があるエラーに関するアラートが表示されます。
概要と展開ビューを印刷する
[レポートをエクスポート] 
をクリックし、[概要を印刷] または [詳細を印刷] を選択して、レポートの概要または詳細を印刷します。
アスペクト比のバグを修正
2.6 では、ページに画像がない場合や、すべての画像のサイズが正しい場合でも、アスペクト比が正しい画像を表示する監査が失敗するバグも修正されています。