2024 年以降のパフォーマンス ツール

この 15 年ほどにわたり、Chrome DevTools の [パフォーマンス] パネルは、さまざまな形でランタイム パフォーマンスを測定、最適化するデベロッパーの皆様をサポートしてきました。[タイムライン] パネルから始まり、現在の [パフォーマンス] パネルに進化しました。

それまでの期間、Chrome はその他の強力なパフォーマンス プロダクトや機能をリリースしました。特に、2016 年にリリースされた Lighthouse では、最適化の機会をより簡単に特定できます。2022 年にリリースされた試験運用版の [パフォーマンス分析情報] パネルは、パフォーマンス分析情報を表示する新しい方法をテストする目的でリリースされました。

[パフォーマンス] パネルには、デベロッパーがページ読み込みやランタイムのパフォーマンスの問題を詳しく調べるのに役立つデータや機能が詰め込まれています。しかし、少し現実的に考えて、ページのパフォーマンスを向上させるには、使い方が難しく最も大きな改善機会を特定するのは困難です。また、ノイズを選別し、改善機会を迅速に特定できる他のツール(Lighthouse など)も、パフォーマンス パネルからは切り離されています。

Google は、デベロッパーがパフォーマンスの問題を簡単に特定して再現できるようにするために、Lighthouse とパフォーマンス分析情報パネルの機能と知見を取り込み、既存の [パフォーマンス] パネルに統合します。また、ウェブ パフォーマンス最適化ツールとしてのパフォーマンス パネルの有効性を高めるため、UX とユーザビリティにも重点を置いています。

結果はどうなりましたか。あらゆるパフォーマンス データと分析情報を 1 つのパネルでより簡単かつ高度に確認できます。

ウェブ パフォーマンスへの対応を容易に

お客様からのフィードバックにより、情報密度の高さがユーザビリティの課題を悪化させていることが確認されました。Google では、問題の修正と機能の開発に積極的に取り組んでいます。ウェブに関する主な指標の改善といった主要な最適化の取り組みは、トップクラスです。今後、アノテーションなどの機能を導入する予定です。これにより、検出結果をマークして、学んだことを同僚と共有できます。データに相関関係を明らかにすると、複雑なシステムを理解する能力が向上するため、メインスレッド アクティビティへのネットワーク リクエストなど、データの接続方法を明らかにする方法が増えます。

新機能の開発状況に合わせてリリースし、パネルの新機能について数か月ごとに最新情報をお伝えします。お待ちください。まもなく新機能をご利用いただけるようになります。

[パフォーマンス] パネルでの Lighthouse の機能

ここまで見てきたように、Lighthouse パネルと [パフォーマンス] パネルの両方をデベロッパーがどのように使用しているかを見てきましたが、両者間でのコンテキストの切り替えは簡単ではありません。さらに、Lighthouse の検出結果に対応するには、[パフォーマンス] パネルで追加のコンテキスト情報を取得する必要がある場合があります。ページのパフォーマンスの規範的な概要と詳細なパフォーマンス データとが見分けがつかないため、煩わしさが生じます。

[パフォーマンス] パネルでは、Lighthouse のパフォーマンス分析を緊密に統合します。この統合により、Lighthouse では [パフォーマンス] パネル内で、ページのパフォーマンス向上につながる上位の最適化案に光を当て、その改善策を実施するために必要なすべての詳細情報を確認できるようになります。

すべてのパフォーマンスに関する機能を [パフォーマンス] パネルに移動した後、DevTools の独立した Lighthouse パネルは冗長になり、廃止されます。このパネルは 2025 年後半に廃止される予定です。Lighthouse は廃止されないことを明記することが重要です。

Lighthouse のロゴが表示された [パフォーマンス] パネルのスクリーンショット

灯台が定着

Lighthouse npm モジュールと、PageSpeed Insights の Lighthouse レポート(PSI API を含む)は廃止されません。Google は、デベロッパーが希望する環境でページ パフォーマンスを評価するために使用できるオープンソース ツールとして、Lighthouse の可用性と品質に注力し続けます。

この統合は、パフォーマンス パネルと Lighthouse の機能の両方をレベルアップする手段となるもので、読み込み、応答性、コンテンツの安定性について分析しようとするデベロッパーの皆様のために役立ちます。

試験運用版のパフォーマンス分析情報パネルがサポート終了となります

パフォーマンス分析情報パネルは、パフォーマンス パネルの情報密度を下げる、ユースケースに基づく分析をサポートする、パフォーマンス パネルの使用に伴う習得時間を短縮する、という 3 つの主要な課題への対処を改善するため、テストとしてリリースされました。

今回のテストでは、デベロッパーのフィードバックを通じて多くのことを学びました。「LCP を最適化したい」、「ページを最適化して応答性を高めたい」といったユースケース主導の分析は非常に価値があり、Layout Shifts Track などの機能によって指標の診断や改善がはるかに容易になることを確認しました。

また、デベロッパーは [パフォーマンス] パネルよりも [パフォーマンス分析情報] パネルの方が親しみやすいことがわかっており、情報密度の低減が魅力的であることが実証されています。ただし、この密度の低下は多くの場合に代償を伴い、デベロッパーは [パフォーマンス] パネルにアクセスして対処に必要な詳細なデータを取得する必要があります。

Google が学習した内容と、試験運用版のパフォーマンス分析情報パネルの多くの機能は、パフォーマンス パネルに統合されます。ユースケース ドリブンの分析、情報密度の改善、Lighthouse の統合などの機能により、ページ パフォーマンスに関する分析情報をこれまで以上に実用的なものにできます。

パフォーマンス分析情報のテストは、2024 年後半に廃止される予定です。

フィードバックを送信する場所

新しい機能をリリースする際は、ぜひフィードバックをお寄せください。追加された機能を改善する方法についてご意見がある場合や、パネルを使用する既存のフローが著しく妨げられている場合は、ご意見をお寄せください。どのような点が効果的で、どのような点を改善できるとお考えになるかについても、ぜひお聞かせください。ありがとうございました