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

シングルページアプリケーション(SPA)

ページを最初からレンダリングするには、ブラウザに多大な負荷がかかります。 HTML マークアップ、CSS、および JavaScript を読み込み、マークアップをレンダリングしてスタイル設定し、イベントとモデルにスクリプトをアタッチする必要があります。 Liferay DXP の シングルページアプリケーション (SPA) 機能は、毎回新しいページを読み込むのではなく、現在読み込まれているページを変更する複数のパスを Web サーバーから取得することで、このパフォーマンスコストを回避します。

インスタンスで SPA を有効にすると、Liferay はテンプレートを使用してサイト上のコンテンツを整理し、ユーザーナビゲーションでページ全体を再読み込みすることなく、必要なコンテンツをシームレスに再読み込みできるようにします。 URL はページの新しい状態を反映するように動的に更新されるため、同じページの状態に簡単に戻ることができます。

SPA の有効化と設定

インスタンス設定 (または システム設定) の インフラストラクチャフロントエンドSPAインフラストラクチャからシングルページアプリケーションを有効にします。

インスタンス設定またはシステム設定で SPA を有効または無効にします。

インスタンス設定の SPA 構成はインスタンスのシステム設定の構成を上書きするため、特定の Liferay インスタンスに対してより細かく調整された構成を行うことができます。

Liferay DXP 2025.Q4より前では、 ポータルプロパティ javascript.single.page.application.enabledを使用してSPAを有効または無効にします。 2025.Q4+ では、このプロパティは新しいインスタンスのデフォルト値を設定します。

このページでは、SPA キャッシュの動作、SPA が無視する CSS セレクターまたはパス、UI の変更を適用する前に CSS リソースを事前ロードするかどうかなどの動作を構成することもできます。