ページ監査ツールについて
ページ監査ツールは、サーバーのレンダリング時間、コンポーネントの種類、コンポーネントの発生元、キャッシュの状態など、パフォーマンスに関連する情報を表示するほか、潜在的なパフォーマンス問題に関する警告メッセージも表示します。
ウェブコンテンツ、ドキュメント、ブログ、またはページを編集する権限を持つユーザーは、ページ監査ツールにアクセスできます。 詳細については、 役割と権限 をお読みください。
サイトとアセットライブラリの管理 → サイトビルダー → ページ で設定します。
-
サイトおよびアセットライブラリ管理のアクセス 一般権限
-
ページに関する 権限を更新
ページ監査ツールを使用する
ページ監査ツール（
）は、ページ上部のアプリケーションバーに表示されます。
-
ページ監査 ツールアイコンをクリックすると、情報が右側に表示されるサイドバーが開きます。
「パフォーマンス」タブには、ページ上のすべてのコンポーネントのリストが表示されます。
各コンポーネントには、コンポーネント名、レンダリング時間（ミリ秒単位）、タイプ（フラグメント、コレクション、ウィジェットなど、タイプを識別するラベル）、キャッシュステータス、およびコンポーネントを操作するためのアイコンを示す情報カードがあります。
PageSpeed Insights では、Google の PageSpeed Insights サービスが設定されている場合 (API キーが必要です)、Liferay DXP に関する具体的な推奨事項を確認できます。
-
カードにカーソルを合わせると、ページ内の該当コンポーネントがハイライト表示されます。
-
をクリックし、 （
）を探して、ページ上のコンポーネントを見つけて中央に配置します。 -
フラグメントを使用する場合は、 をクリックして (
) フラグメントライブラリに移動します。 -
(オプション）カードをクリックすると、コンポーネントに関する警告と基本情報が表示されます。
-
(オプション)利用可能なツール（検索機能、Filter、ソート）を使用して、コンポーネントを整理または検索します。
パフォーマンスタブツール
「パフォーマンス」タブには、ナビゲーションを容易にするためのツールが用意されています。
検索: 特定のコンポーネントを名前で検索します。
フィルター: ナビゲーション (すべてまたはマスターから - マスターページからのコンポーネント)、キャッシュステータス (キャッシュ済みまたはキャッシュなし)、またはコンポーネントタイプ (例: フラグメント、ウィジェット、またはコレクション) でフィルターします。
ソート: コンポーネントをレンダリング時間でソートします。 デフォルトでは、アイテムはレンダリング時間の遅い順から速い順に並べられます。
警告および基本情報
コンポーネントカードをクリックすると、そのコンポーネントに関する警告と基本情報が表示されます。
警告
警告は、ページコンポーネントにパフォーマンス上の問題が発生する可能性があることを示しています。 また、問題解決のための提案や、ページの最適化に関するアドバイスも含まれています。
以下に警告事項の一覧を示します。
| コンポーネント | 注意 | 考えられる解決策 |
|---|---|---|
| コレクション表示フラグメント | ページネーションが無効になっています。 コレクションアイテムの数が200を超えると、この設定はページのパフォーマンスに深刻な影響を与える可能性があります。 ページネーションのご利用を強くお勧めします。 | コレクション表示でページネーションを有効にする |
| 画像フラグメント | 大きな画像ファイルサイズが使用されています。 アダプティブメディアの設定、遅延読み込み、または画像サイズの縮小をご検討ください。 | アダプティブメディアの設定、遅延読み込みの有効化、またはより小さな画像ファイルのアップロード |
基本情報
コンポーネントカードには、コンポーネントに関する基本情報が表示されます。 以下に、取り上げた内容の一覧を示します。
レンダリング時間は概算値であり、様々な要因（サーバーの状態や負荷など）によって若干変動する可能性があります。
| 詳細 | 説明 |
|---|---|
| サーバー描画時間 | レンダリング時間（ミリ秒） |
| コンポーネント種別 | コンポーネントの種類：フラグメント、ウィジェット、またはコレクション |
| 作成元 | コンポーネントの発生元（例えば、表示されているページと同じページから発生した場合、このページなど） |
| キャッシュのステータス | コンポーネントのキャッシュ状態：キャッシュ済みまたは未キャッシュ |