ページ監査ツールについて
ページ監査ツールは、サーバーのレンダリング時間、コンポーネントの種類、コンポーネントのオリジン、キャッシュの状態などのパフォーマンス関連の情報と、潜在的なパフォーマンスの問題に関する警告メッセージを表示します。
ページ監査ツールを表示および使用するには、少なくとも 2 つの 権限 が必要です。 サイトとアセット ライブラリの管理 → サイト ビルダー → ページで設定します。
-
サイトとアセットライブラリの管理におけるアクセス 全般権限の下
-
ページの権限を更新

ページ監査ツールの使用
ページ監査ツール (
) がページ上部のアプリケーション バーに表示されます。
-
ページ監査 ツールアイコンをクリックすると、右側に情報が表示されるサイドバーが開きます。
[パフォーマンス] タブの下に、ページ上のすべてのコンポーネントのリストが表示されます。
各コンポーネントには、コンポーネントの名前、レンダリング時間 (ミリ秒単位)、タイプ (フラグメント、コレクション、ウィジェットのいずれかのタイプを識別するラベル)、キャッシュ ステータス、およびコンポーネントを操作するためのアイコンを表示する情報カードがあります。
Googleの PageSpeed Insights サービスが設定されている場合、PageSpeed Insights で Liferay DXP に関する具体的な推奨事項を確認できます(API キーが必要です)。
-
カードの上にマウスを置くと、ページ内のコンポーネントが強調表示されます。
-
[検索 (
) をクリックし、コンポーネントを見つけてページの中央に配置します。 -
フラグメントでは、 開く (
) をクリックしてフラグメント ライブラリに移動します。 -
(オプション) カードをクリックすると、コンポーネントに関する 警告と基本情報 が表示されます。
-
(オプション) 利用可能なツール (検索、フィルター、並べ替え) を使用して、コンポーネントを整理または検索します。
パフォーマンスタブツール
「パフォーマンス」タブには、ナビゲーションを容易にするツールがあります。
検索: 特定のコンポーネントを名前で検索します。
フィルター: ナビゲーション (すべてまたはマスターから - マスター ページからのコンポーネント)、キャッシュ ステータス (キャッシュ済みまたはキャッシュなし)、またはコンポーネント タイプ (フラグメント、ウィジェット、コレクションなど) でフィルターします。
ソート: レンダリング時間でコンポーネントをソートします。 デフォルトでは、アイテムはレンダリング時間が遅いものから速いものの順に並べられます。

警告と基本情報
コンポーネント カードをクリックすると、そのコンポーネントに関する警告と基本情報が表示されます。

警告
警告は、ページ コンポーネントのパフォーマンスの問題が発生する可能性があることを示します。 また、問題を解決してページを最適化するための提案も含まれています。
ここに警告のリストがあります:
| コンポーネント | 警告 | 考えられる解決策 |
|---|---|---|
| コレクション表示フラグメント | ページネーションが無効になっています。 コレクション アイテムの数が 200 を超える場合、この設定はページのパフォーマンスに重大な影響を与える可能性があります。 代わりにページ区切りを使用することを強くお勧めします。 | コレクションの表示にページ区切りを有効にする |
| 画像の断片 | 大きな画像ファイルサイズが使用されています。 アダプティブメディア、遅延読み込み、または画像サイズの縮小を構成することを検討してください。 | アダプティブメディアを設定するか、遅延読み込みを有効にするか、小さい画像ファイルをアップロードします |
基本情報
コンポーネント カードには、コンポーネントに関する基本情報が表示されます。 ここで説明する詳細のリストは次のとおりです:
レンダリング時間は概算であり、さまざまな要因 (サーバー状態や負荷など) に応じて若干の変動があります。
| 詳細 | 説明 |
|---|---|
| サーバー描画時間 | レンダリング時間(ミリ秒) |
| コンポーネント種別 | コンポーネントタイプ: フラグメント、ウィジェット、コレクション |
| 作成元 | コンポーネントの起源(例:コンポーネントが表示されるページと同じページから派生している場合はこのページ) |
| キャッシュのステータス | コンポーネントのキャッシュステータス: キャッシュ済みまたは未キャッシュ |