パフォーマンスの AI アシスタンス

パフォーマンスの AI アシスタント パネルを使用して、パフォーマンス パネルで記録されたパフォーマンス プロファイルを把握します。

[AI アシスタンス] パネルを開く

[AI アシスタンス] パネルがドロワーに開きます。

AI アシスタンス パネルがデフォルトの状態で開きました。

[パフォーマンス] パネルから

パフォーマンス パネルから AI アシスタントを開くには、まずパフォーマンス プロファイルを記録します。調査する内容に応じて、個々のパフォーマンス分析情報から、またはパフォーマンス トレース ビューのアクティビティから、[AI アシスタンス] パネルを開くことができます。

パフォーマンス分析情報

[分析情報] タブで、分析情報([フェーズ別の LCP] など)を開き、[AI に質問] ボタンをクリックします。

AI に質問できる分析情報のリスト

  • フェーズ別の LCP
  • LCP リクエストの検出
  • レンダリングをブロックしているリクエスト
  • レイアウト シフトの原因
  • ドキュメント リクエストのレイテンシ
LCP パフォーマンスの分析情報の下にある [AI に質問] ボタンがハイライト表示されている。

DevTools で [AI アシスタンス] パネルが開き、このパフォーマンス分析情報が会話のコンテキストとして事前に選択されます。

パフォーマンス トレース ビュー

トレースビューから AI アシスタンスを開くには、アクティビティを右クリックして [AI に質問] オプションを選択します。

[AI に質問] がハイライト表示されたアクティビティのコンテキスト メニュー。

この場合、このアクティビティは会話のコンテキストとしてあらかじめ選択されています。

コマンド メニューから

コマンド メニューから AI アシスタンスを開くには、AI と入力し、[AI アシスタンスを表示] コマンドを実行します。このコマンドの横には [Drawer] バッジが表示されます。

コマンド メニューが開き、[AI アシスタントを表示] がハイライト表示されている。

[その他のツール] メニューから

または、右上にあるアイコン その他のオプション > [その他のツール] > [AI アシスタンス] を選択します。

開いたその他のツール メニュー。

会話のコンテキスト

選択したパフォーマンス アクティビティは、AI アシスタンスとの会話のコンテキストとして使用されます。このアクティビティへの参照は、パネルの左下隅に表示されます。

コンテキスト アクティビティがハイライト表示されている AI アシスタンス パネル。

パフォーマンス分析情報

特定のパフォーマンス分析情報に対して [AI に質問] をクリックすると、この分析情報が選択されたコンテキストとして表示されます。他の分析情報の [AI に質問] をクリックすると、選択内容を変更できます。

AI アシスタンスの会話コンテキストとしての LCP パフォーマンス分析情報。

会話を開始したら、Analyzing insight: ... セクションを開いて、AI アシスタンスで使用される元データを表示します。

コンテキスト分析情報がハイライト表示された AI アシスタンス パネル。

Trace ビュー

パフォーマンス トレースで別の項目を選択すると、コンテキストがそれに応じて変化します。

AI アシスタントは、選択したコールツリーのタイミングを使用してプロンプトに回答しています。

会話を開始した後、Analyzing call tree チップの ボタンをクリックすると、AI アシスタンスで使用される元データが表示されます。

[呼び出しツリーを分析しています] チップがハイライト表示された AI アシスタンス パネル。

プロンプト

新しい会話を開始すると、パフォーマンスに関するAI アシスタントが、すぐに始められるようにプロンプトの例を提示します。

AI アシスタント パネル。プロンプトの例がハイライト表示されています。

いずれかのプロンプトをクリックすると、パネルの下部にあるプロンプト入力フィールドにプロンプトが事前入力されます。

または、入力フィールドに独自のプロンプトまたは質問を入力します。

プロンプトを送信するには、Enter キーを押すか、入力フィールドの右側にある矢印をクリックします。

回答なし

AI アシスタントは、さまざまな理由で回答を提供しない場合があります。

会話が拒否された AI アシスタンス パネル。

プロンプトが AI アシスタンスで議論できる内容であると思われる場合は、バグを報告してください。

会話の履歴

会話を開始すると、以降の回答はすべて、ユーザーと AI の間の過去のやり取りに基づいて生成されます。

AI アシスタンスはセッション間で会話履歴を保存するため、DevTools や Chrome を再読み込みした後でも以前のチャットにアクセスできます。

パネルの左上にあるコントロールを使用して、会話履歴を管理します。

履歴コントロールがハイライト表示された AI アシスタンス パネル。

新しく作成

現在選択されている会話コンテキストで新しい会話を開始するには、ボタンをクリックします。

続行

過去の会話を続けるには、[] ボタンをクリックし、コンテキスト メニューから選択します。

削除

履歴から会話を削除するには、ボタンをクリックします。

回答を評価してフィードバックを提供する

AI アシスタントは試験運用中の機能です。そのため、回答の品質と全体的なエクスペリエンスを改善する方法を把握するために、皆様からのフィードバックを積極的に求めています。

評価コントロールがハイライト表示された AI アシスタンス パネル。

回答に投票する

回答の下にある 高く評価)ボタンと 低く評価)ボタンを使用して、回答を評価します。

回答を報告する

不適切なコンテンツを報告するには、投票ボタンの横にある [] ボタンをクリックします。