# ページロード

パフォーマンスが遅いことは、デバイス、ネットワーク、インフラストラクチャ、またはアプリケーションに起因する社員の一般的な不満です。 ソフトウェア・アズ・ア・サービス (SaaS) アプリの場合、その問題は企業のネットワーク外にある可能性もあります。

**ページロード** ダッシュボードは、**フラストレーション** ページロードメトリックを使用して、最も問題のあるウェブアプリを明らかにします。 **ページロード** は、内訳、棒グラフ、デバイスレベルのポップアップを通じてトラブルシューティングをサポートします。

ソフトナビゲーションとハードナビゲーションの推定についての詳細は、[understanding-the-page-loads-metric](https://docs.nexthink.com/platform/ja/user-guide/applications/monitoring-applications/monitoring-web-applications/performance/page-loads/understanding-the-page-loads-metric "mention") ドキュメントを参照してください。

## **ページロードインサイトの活用**

右側の **インサイト** パネルは、影響を定量化し、可能な原因を特定し、バックエンド、ネットワーク、クライアントの時間を評価することで、最もストレスの多いページをアルゴリズムでハイライトします。 異なる時間枠を選択すると、異なる洞察が表示される場合があります。

より深い分析を行うには:

* 関連する **調査** の深堀りを提案する **インサイト** の右側パネルを開く。
* または、事前定義されたドリルダウンオプションを提供する **詳細な調査** の右側パネルを使用します。 これらのリンクは、現在のダッシュボードのコンテキストに関連する調査結果に導きます。

Nexthinkは、ウェブアプリケーションの構成で定義された[キー ページと収集されたURL](#key-pages-and-urls)に関するインサイトを提供します。

{% hint style="warning" %}
システムがインサイトを見つけられない場合、**インサイト** パネルに *インサイトが見つかりませんでした!* メッセージを表示します。
{% endhint %}

***

## ページロード ダッシュボードの解釈

**ページロード** ダッシュボードには、次のウィジェットがセクションごとにグループ化されています。

* [#性能](#性能 "mention")
* [#top-breakdowns](#top-breakdowns)
* [#other-breakdowns](#other-breakdowns)

{% hint style="info" %}
ソフトナビゲーションとハードナビゲーションの推定についての詳細は、[understanding-the-page-loads-metric](https://docs.nexthink.com/platform/ja/user-guide/applications/monitoring-applications/monitoring-web-applications/performance/page-loads/understanding-the-page-loads-metric "mention") ドキュメントを参照してください。
{% endhint %}

### パフォーマンス

**性能**セクションでは、ページの読み込み体験と読み込み時間に関するアプリケーションの概要が提示されます。

<details>

<summary>ページロード体験</summary>

**ページロード体験** ウィジェットは、**良好**、**平均**、および**ストレス**を引き起こすページロードの内訳を示したゲージチャートを表示します。

これらの境界値は、ウェブアプリケーションの [設定されたしきい値](https://docs.nexthink.com/platform/ja/user-guide/applications/configuring-applications/configuring-web-applications/thresholds) に対応します。

</details>

<details>

<summary>ページロード時間と従業員</summary>

このセクションを使用して、時間の経過に伴ってパフォーマンスに関する変化を特定します。

* **平均ページロード時間** ウィジェットは、**バックエンド**、**デバイスとアプリネットワーク**、**クライアント**のカテゴリーについてエリアチャートを表示します。
* 「**従業員**」チャートは、アプリケーションのタブがフォーカスまたは表示されていたかどうかにかかわらず、少なくとも1回ページロードアクションを実行した従業員の数を示します。 このタイムラインは、上記の **平均ページロード時間** チャートと視覚的に簡単に関連付けられるようにマッピングされています。

</details>

### トップ内訳 <a href="#top-breakdowns" id="top-breakdowns"></a>

**トップ内訳** セクションは、最も多くのストレスを引き起こすページロード数が多いキーのページ、URL、デバイスを示します。

#### キー ページ & URL <a href="#key-pages-and-urls" id="key-pages-and-urls"></a>

ウェブアプリケーションには、パフォーマンス特性が異なるさまざまなページやモジュールが含まれています。 このセクションの2つのタブを探索して、次の方法でデータを表示します：

* ウェブアプリケーションで最も不満を引き起こすNexthinkで設定された**主要ページ**。
* 最も不満を引き起こす**URL**。 ウェブアプリケーションの主要ページを設定する際には、このURLリストを参照してください。

ウィジェットの検索バーを使って、任意の主要ページやURLをすばやく見つけることができます。

{% hint style="warning" %}
アプリケーションの[URLコレクション](https://docs.nexthink.com/platform/ja/user-guide/configuring-applications/configuring-web-applications#configuringwebapplications-collectingurls)が無効になっている場合、**主要ページ & URL**の内訳にはNexthinkで設定された主要ページのみが表示されます。
{% endhint %}

<figure><img src="https://3549141153-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLm8O7QKZDn6z806e7Sv%2Fuploads%2Fgit-blob-f35f09b6d712f4ae2aaec3489c1aff05efa7f279%2FAppex-586H.png?alt=media" alt=""><figcaption></figcaption></figure>

#### デバイス <a href="#devices" id="devices"></a>

**デバイス** テーブルは、最も多くのストレスを引き起こすページロード数を持つデバイスを表示します。

デバイス名にカーソルを合わせると、次の質問に答えるための詳細情報を表示するポップアップがアクティブになります。

* *これは新しい問題ですか、それともページは常に遅かったですか？*
* *これはデバイスに固有の問題ですか、それとも他のデバイスにも影響しますか？*

このポップアップには、選択されたデバイスの**ページロード時間**が、組織内の他のデバイスの時間と、**クライアント**、**ネットワーク**、**バックエンド**の時間を含めて比較されたものが表示されます。 あなたは次のことができます。

* 選択したデバイスのページを **フィルタリング** します。
* リンクアイコンをクリックして、デバイスのトラブルシューティングオプションをさらに表示するために**デバイスビュー** ページを開きます。

<figure><img src="https://3549141153-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLm8O7QKZDn6z806e7Sv%2Fuploads%2Fgit-blob-b2f8f330380db00092556d8e7bf58affb89bfabe%2Fimage%20(585).png?alt=media" alt=""><figcaption></figcaption></figure>

### その他の内訳 <a href="#other-breakdowns" id="other-breakdowns"></a>

**その他の内訳** セクションには **ロケーション**、**組織**、**テクニカル** ウィジェットが含まれています。

#### ロケーション <a href="#location" id="location"></a>

インタラクティブマップを使用して、従業員が **ストレスの多いページロード** を経験している場所を特定します。 場所にカーソルを合わせると、詳細情報が表示されます。

**ロケーション** ウィジェットテーブルは、デバイスの **国、州、ロケーションの種類** に基づいた主要な指標を示します。

{% hint style="info" %}
位置データは、ジオロケーション機能に基づいています。この機能は、[製品構成](https://docs.nexthink.com/platform/ja/user-guide/administration/system-configuration/product-configuration)ページで有効にする必要があります。
{% endhint %}

<figure><img src="https://3549141153-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLm8O7QKZDn6z806e7Sv%2Fuploads%2Fgit-blob-c8e2813ca5794fe7e76388c4e6eb5f190be2418d%2Fimage%20(587).png?alt=media" alt=""><figcaption></figcaption></figure>

#### 組織 <a href="#organization" id="organization"></a>

**組織** テーブルは、組織の分類に基づいた指標を表示します。 ドロップダウンリストから組織レベルを選択してください。

詳細については、[製品設定](https://docs.nexthink.com/platform/ja/user-guide/administration/system-configuration/product-configuration)ドキュメントを参照して、エンティティとカスタム分類を定義する方法について学んでください。

#### テクニカル <a href="#technical" id="technical"></a>

**テクニカル** テーブルは、**ブラウザとバージョン** や **オペレーティングシステム** などの技術的なデバイスプロパティによって分解された主要な指標を示します。

<figure><img src="https://3549141153-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FeLm8O7QKZDn6z806e7Sv%2Fuploads%2Fgit-blob-e68e4f5261a93e0a311d576e5e2d6a9bda61c976%2Fimage%20(588).png?alt=media" alt=""><figcaption></figcaption></figure>

***

関連トピック

* [ページロード量のメトリックの理解](https://docs.nexthink.com/platform/ja/user-guide/applications/monitoring-applications/monitoring-web-applications/performance/page-loads/understanding-the-page-loads-metric)
* [ページロードの遅さトラブルシューティング](https://docs.nexthink.com/platform/ja/user-guide/applications/monitoring-applications/monitoring-web-applications/performance/page-loads/troubleshooting-slow-page-loads)