パフォーマンスの問題を調査する際、カスタマー サービス チームは、問題が発生したときにブラウザで生成できるパフォーマンス プロファイルに関する追加情報を要求する必要がある場合があります。カスタマー サービス チームのメンバーは、問題が発生している間のパフォーマンス プロファイルを記録し、ファイルをダウンロードして、さらに分析するためにそれを提供するように要求する場合があります。

メモ:パフォーマンス プロファイルには、ユーザーが操作したときにページがどのように実行されるかに関するパフォーマンス データが含まれています。ページのネットワーク URL とスクリーンショットは、記録中にキャプチャされます。

以下に、さまざまなブラウザーを使用してパフォーマンス ファイルを簡単に生成する方法について説明します。

  • Chrome
  • Firefox
  • インターネットエクスプローラ
  • Safari
  • Edge

Chrome のパフォーマンス ファイルを生成するには

  1. macOS では( COMMAND + OPTION + I ) 、Windows または Linux では( CTRL + SHIFT + I)を押すか、ページのどこかを右クリックしてInspectを選択して、DevTools を開きます。
  2. DevTools で、Performance に切り替えます。タブ。であることを確認してください。スクリーンショットのチェックボックスが有効になっています。
  3. ページ上でカーソルを動かして、ページがインタラクティブであることを確認するために、数秒待ちます。
  4. [パフォーマンス] タブで、[記録] ボタンをクリックします。alt alt Screenshot_2022-01-21_at_1.33.40_PM.pngalt.
  5. 記録が開始されたら、発生していた問題を再現します。たとえば、報告された問題が入力の遅れである場合、コンポーザーで段落を入力できます。問題が [承認] ボタンにある場合は、[承認] ボタンをクリックして新しいチケット タブを作成し、訪問者といくつかのメッセージをやり取りできます。
    メモ:可能であれば、記録された時間を 60 秒未満に保つようにしてください。
    Screenshot_2022-01-21_at_1.42.34_PM.png
  6. 問題を再現したら、ステータス メッセージの[停止] ボタンをクリックするか、[記録の停止] ボタン[パフォーマンス] タブのaltScreenshot_2022-01-21_at_1.35.04_PM.pngalt。
  7. プロファイルが読み込まれて処理されるまで待ちます。
  8. プロファイルが読み込まれたら、[プロファイルを保存] ボタンをクリックします。alt alt Screenshot_2022-01-21_at_1.44.27_PM.pngalt をクリックしてプロファイルをダウンロードします。
  9. ダウンロードしたファイルをカスタマー サービス チーム メンバーに送信します。

Firefox のパフォーマンス ファイルを生成するには

  1. macOS では( COMMAND + OPTION + I ) 、Windows または Linux では( CTRL + SHIFT + I)を押すか、ページのどこかを右クリックしてInspectを選択して、DevTools を開きます。
  2. DevTools で、 [パフォーマンス] タブに切り替えます。
  3. ページ上でカーソルを動かして、ページがインタラクティブであることを確認するために、数秒待ちます。
  4. [パフォーマンス] タブで、[記録] ボタンをクリックします。alt alt Screenshot_2022-01-21_at_2.46.34_PM.pngalt.
  5. 記録が開始されたら、発生していた問題を再現します。たとえば、報告された問題が入力の遅延である場合、コンポーザーで段落を入力できます。問題が [承認] ボタンにある場合は、[承認] ボタンをクリックして新しいチケット タブを作成し、訪問者といくつかのメッセージをやり取りできます。
    メモ:バッファーの割合を監視し、100% に達する前に記録を停止します。
    Screenshot_2022-01-26_at_8.46.55_AM.png
  6. 問題を再現したら、ステータス メッセージの [パフォーマンスの記録の停止] ボタンをクリックするか、[記録の停止] ボタンaltalt Screenshot_2022-01-21_at_2.48.56_PM.pngalt [パフォーマンス] タブで。
  7. プロファイルが読み込まれて処理されるまで待ちます。
  8. プロファイルが読み込まれたら、[保存alt] をクリックします。alt alt Screenshot_2022-01-21_at_2.52.47_PM.pngalt プロファイルをダウンロードします。
  9. ダウンロードしたファイルをカスタマー サービス チーム メンバーに送信します。

Internet Explorer のパフォーマンス ファイルを生成するには

  1. キーボードのF12を押して開発者ツールを開くか、[ツール] メニューに移動します。alt alt Screenshot_2022-01-21_at_3.28.57_PM.pngalt そして選択 F12 開発者ツール.
  2. DevTools で、 [パフォーマンス] タブに切り替えます。
  3. ページ上でカーソルを動かして、ページがインタラクティブであることを確認するために、数秒待ちます。
  4. [パフォーマンス] タブで、[記録] ボタンをクリックします。alt alt Screenshot_2022-01-21_at_3.32.22_PM.pngalt.
  5. 記録が開始されたら、発生していた問題を再現します。たとえば、報告された問題が入力の遅延である場合、コンポーザーで段落を入力できます。問題が [承認] ボタンにある場合は、[承認] ボタンをクリックして新しいチケット タブを作成し、訪問者といくつかのメッセージをやり取りできます。
    メモ:録画開始後はタイマーは表示されませんが、録画時間はできれば60秒以内に収めるようにしてください。
    Screenshot_2022-01-26_at_9.09.50_AM.png
  6. 問題を再現したら、[記録の停止] ボタンをクリックします。alt alt Screenshot_2022-01-21_at_3.33.14_PM.pngalt [パフォーマンス] タブで。
  7. プロファイルが読み込まれて処理されるまで待ちます。
  8. プロファイルが読み込まれたら、[プロファイルを保存] ボタンをクリックします。alt alt Screenshot_2022-01-21_at_3.34.35_PM.pngalt をクリックしてプロファイルをダウンロードします。
  9. ダウンロードしたファイルをカスタマー サービス チーム メンバーに送信します。

Safari 用のパフォーマンス ファイルを生成するには

  1. [ Safari ] > [環境設定] を選択し、[詳細設定]をクリックします。
  2. ペインの下部で、[メニュー バーに [開発] メニューを表示する]チェックボックスを選択します。
  3. [開発] > [ Web インスペクタを表示] をクリックします。
  4. Web インスペクターで、[タイムライン] タブに切り替えます。
  5. ページ上でカーソルを動かして、ページがインタラクティブであることを確認するために、数秒待ちます。
  6. [タイムライン] タブで、[記録] ボタンをクリックします。alt alt Screenshot_2022-01-21_at_3.15.07_PM.pngalt.
  7. 記録が開始されたら、発生していた問題を再現します。たとえば、報告された問題が入力の遅延である場合、コンポーザーで段落を入力できます。問題が [承認] ボタンにある場合は、[承認] ボタンをクリックして新しいチケット タブを作成し、訪問者といくつかのメッセージをやり取りできます。
    メモ:可能であれば、記録された時間を 60 秒未満に保つようにしてください。
    Screenshot_2022-01-26_at_9.00.31_AM.png
  8. 問題を再現したら、[記録の停止] ボタンまたは[記録の停止] ボタンをクリックします。alt alt Screenshot_2022-01-21_at_3.16.38_PM.pngalt [タイムライン] タブで。
  9. プロファイルが読み込まれて処理されるまで待ちます。
  10. プロファイルがロードされたら、[エクスポート] ボタンをクリックします。alt alt Screenshot_2022-01-21_at_3.18.27_PM.pngalt [タイムライン] タブで、プロファイルをダウンロードします。
  11. ダウンロードしたファイルをカスタマー サービス チーム メンバーに送信します。

Edge のパフォーマンス ファイルを生成するには

  1. macOS では( COMMAND + OPTION + I ) 、Windows または Linux では( CTRL + SHIFT + I)を押すか、ページのどこかを右クリックしてInspectを選択して、DevTools を開きます。
  2. DevTools で、Performance に切り替えます。タブ。であることを確認してください。スクリーンショットのチェックボックスが有効になっています。
  3. ページ上でカーソルを動かして、ページがインタラクティブであることを確認するために、数秒待ちます。
  4. [パフォーマンス] タブで、[記録] ボタン をクリックします。alt alt Screenshot_2022-01-21_at_3.00.59_PM.pngalt
  5. 記録が開始されたら、発生していた問題を再現します。たとえば、報告された問題が入力の遅延である場合、コンポーザーで段落を入力できます。問題が [承認] ボタンにある場合は、[承認] ボタンをクリックして新しいチケット タブを作成し、訪問者といくつかのメッセージをやり取りできます。
    メモ:可能であれば、記録された時間を 60 秒未満に保つようにしてください。
    Screenshot_2022-01-26_at_8.51.03_AM.png
  6. 問題を再現したら、ステータス メッセージの[停止] ボタンをクリックするか、[記録の停止] ボタンaltalt Screenshot_2022-01-21_at_3.03.14_PM.pngalt [パフォーマンス] タブで。
  7. プロファイルが読み込まれて処理されるまで待ちます。
  8. プロファイルがロードされたら、[プロファイルを保存] ボタンをクリックします。alt alt Screenshot_2022-01-21_at_3.05.22_PM.pngalt をクリックして、プロファイルをダウンロードします。
  9. ダウンロードしたファイルをカスタマー サービス チーム メンバーに送信します。

翻訳に関する免責事項:この記事は、お客様の利便性のために自動翻訳ソフトウェアによって翻訳されたものです。Zendeskでは、翻訳の正確さを期すために相応の努力を払っておりますが、翻訳の正確性については保証いたしません。

翻訳された記事の内容の正確性に関して疑問が生じた場合は、正式版である英語の記事を参照してください。

Powered by Zendesk