Page Performance and Accessibility
ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、 こちら までご連絡ください。

ページ監査ツールについて

ページ監査ツールは、サーバーのレンダリング時間、コンポーネントの種類、コンポーネントのオリジン、キャッシュの状態などのパフォーマンス関連の情報と、潜在的なパフォーマンスの問題に関する警告メッセージを表示します。

ページ監査ツールを表示および使用するには、少なくとも 2 つの 権限 が必要です。 サイトとアセット ライブラリの管理 → サイト ビルダー → ページで設定します。

  1. サイトとアセットライブラリの管理におけるアクセス 全般権限の下

  2. ページの権限を更新

ページ監査は、ユーザーがパフォーマンス関連の問題を特定して解決するのに役立つ強力なツールです。

ページ監査ツールの使用

ページ監査ツール (Page Audit tool) がページ上部のアプリケーション バーに表示されます。

  1. ページ監査 ツールアイコンをクリックすると、右側に情報が表示されるサイドバーが開きます。

    [パフォーマンス] タブの下に、ページ上のすべてのコンポーネントのリストが表示されます。

    各コンポーネントには、コンポーネントの名前、レンダリング時間 (ミリ秒単位)、タイプ (フラグメント、コレクション、ウィジェットのいずれかのタイプを識別するラベル)、キャッシュ ステータス、およびコンポーネントを操作するためのアイコンを表示する情報カードがあります。

    Googleの PageSpeed Insights サービスが設定されている場合、PageSpeed Insights で Liferay DXP に関する具体的な推奨事項を確認できます(API キーが必要です)。

  2. カードの上にマウスを置くと、ページ内のコンポーネントが強調表示されます。

  3. [検索 (Locate icon) をクリックし、コンポーネントを見つけてページの中央に配置します。

  4. フラグメントでは、 開く (Open in) をクリックしてフラグメント ライブラリに移動します。

  5. (オプション) カードをクリックすると、コンポーネントに関する 警告と基本情報 が表示されます。

  6. (オプション) 利用可能なツール (検索、フィルター、並べ替え) を使用して、コンポーネントを整理または検索します。

パフォーマンスタブツール

「パフォーマンス」タブには、ナビゲーションを容易にするツールがあります。

検索: 特定のコンポーネントを名前で検索します。

フィルター: ナビゲーション (すべてまたはマスターから - マスター ページからのコンポーネント)、キャッシュ ステータス (キャッシュ済みまたはキャッシュなし)、またはコンポーネント タイプ (フラグメント、ウィジェット、コレクションなど) でフィルターします。

ソート: レンダリング時間でコンポーネントをソートします。 デフォルトでは、アイテムはレンダリング時間が遅いものから速いものの順に並べられます。

「パフォーマンス」タブのツールは、ページ全体のコンポーネントを整理したり見つけたりするのに役立ちます。

警告と基本情報

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

警告は、ページ コンポーネントのパフォーマンスの問題が発生する可能性があることを示します。

警告

警告は、ページ コンポーネントのパフォーマンスの問題が発生する可能性があることを示します。 また、問題を解決してページを最適化するための提案も含まれています。

ここに警告のリストがあります:

コンポーネント警告考えられる解決策
コレクション表示フラグメントページネーションが無効になっています。 コレクション アイテムの数が 200 を超える場合、この設定はページのパフォーマンスに重大な影響を与える可能性があります。 代わりにページ区切りを使用することを強くお勧めします。コレクションの表示にページ区切りを有効にする
画像の断片大きな画像ファイルサイズが使用されています。 アダプティブメディア、遅延読み込み、または画像サイズの縮小を構成することを検討してください。アダプティブメディアを設定するか、遅延読み込みを有効にするか、小さい画像ファイルをアップロードします

基本情報

コンポーネント カードには、コンポーネントに関する基本情報が表示されます。 ここで説明する詳細のリストは次のとおりです:

警告

レンダリング時間は概算であり、さまざまな要因 (サーバー状態や負荷など) に応じて若干の変動があります。

詳細説明
サーバー描画時間レンダリング時間(ミリ秒)
コンポーネント種別コンポーネントタイプ: フラグメント、ウィジェット、コレクション
作成元コンポーネントの起源(例:コンポーネントが表示されるページと同じページから派生している場合はこのページ)
キャッシュのステータスコンポーネントのキャッシュステータス: キャッシュ済みまたは未キャッシュ