キャッシュ管理
Adobe CommerceとMagento Open Sourceキャッシュの管理システムを使用すると、サイトのパフォーマンスを簡単に向上させることができます。 キャッシュの更新が必要な場合は常に、更新を完了するための Cache Management ページへのリンクを含む通知が表示されます。
Cache Management のページには、各プライマリ・キャッシュのステータスと関連するタグが表示されます。 右上隅の大きなボタンを使用して、キャッシュまたは包括的なキャッシュストレージをフラッシュできます。 ページの下部には、カタログ商品画像のキャッシュとJavaScript/CSS のキャッシュをフラッシュするためのボタンが用意されています。
キャッシュをクリアした後は、常にブラウザーを更新して、最新のファイルが表示されるようにします。 Commerceのキャッシュをクリアしても、web ブラウザーのキャッシュはクリアされません。 更新されたコンテンツを表示するには、ブラウザーのキャッシュをクリアする必要がある場合があります。
Adobe Commerceのキャッシュに関するその他の技術情報については、_Commerce フロントエンド開発ガイド 🔗 の キャッシュの概要 {:target="blank"} を参照してください。
次のいずれかの操作を行って、Cache Management ページにアクセスします。
- ワークスペースの上にあるメッセージ内の「Cache Management」リンクをクリックします。
- 管理者 サイドバーで、System/Tools/Cache Management に移動します。
キャッシュのベストプラクティス
Commerceでのインデックス再作成とキャッシュの目的は異なります。 インデックスデータベース情報を追跡して、検索パフォーマンスの向上、ストアフロントのデータ取得の高速化などを実現します。 キャッシュは、読み込んだデータ、画像、形式などを保存して、ストアフロントへの読み込みとアクセスのパフォーマンスを向上させます。
- 拡張機能やモジュールをインストールした後は、必ずキャッシュをフラッシュしてください。 1 つ以上の拡張機能をインストールしてから、キャッシュをフラッシュできます。
- Commerceをインストールした後、キャッシュをフラッシュします。 新規インストールの場合は、のインデックスも再作成する必要があります。
- Open SourceまたはCommerceを別のバージョンにアップグレードした後で、キャッシュをフラッシュします。
- キャッシュをフラッシュする場合は、キャッシュのタイプと、ピーク時以外の時間にフラッシュをスケジュールすることを考慮してください。 例えば、深夜や早朝など、サイトを使用する顧客が少ない時間を選択します。 ピーク時の要求時にキャッシュ タイプをクリアすると、管理者の負荷が増え、操作が完了するまでサイトが停止する場合があります。
- インデックス再作成を行う際に、キャッシュをフラッシュする必要はありません。
キャッシュ管理ロール リソース
キャッシュの表示、切り替え、フラッシュのオプションなど、特定のキャッシュメンテナンスアクションへのアクセスを役割ごとにユーザーに割り当てることができます。 Adobeでは、管理者レベルのユーザーに対してのみフラッシュアクションを有効にすることをお勧めします。 すべてのキャッシュ管理機能にアクセスできるようにすると、ストアフロントのパフォーマンスに影響を与える可能性があります。
管理者ユーザーアカウントに対するアクセスを許可するためのリソースの割り当てについては、 役割リソースを参照してください。 次のリソースは、キャッシュ管理ツールへのアクセスを制御します。
-
Clean Cache Actions
- Flush Cache Storage
- Flush Magento Cache
-
Cache Type Management
- Toggle Cache Type
- Refresh Cache Type
-
Additional Cache Management
- Catalog Images Cache
- Flush Js/Css
- Flush Static Files
特定のキャッシュの更新
-
更新するキャッシュごとに、行の先頭にあるチェックボックスを選択します。
-
Actions を
Refresh
に設定し、「Submit」をクリックします。
一括アクション更新の実行
-
キャッシュのグループを選択するには、Mass Actions を次のいずれかに設定します。
Select All
Select Visible
-
更新する各キャッシュのチェックボックスを選択します。
-
Actions を
Refresh
に設定し、「Submit」をクリックします。
製品画像キャッシュをフラッシュします。
-
「Additional Cache Management」で「Flush Catalog Images Cache」をクリックし、事前生成済みの製品画像ファイルをクリアします。
Image cache was cleaned
メッセージがワークスペースの上部に表示されます。 -
ブラウザーのキャッシュをクリアします。
JavaScript/CSS キャッシュをフラッシュします
-
「Additional Cache Management」で、「Flush JavaScript/CSS Cache」をクリックして 1 つのファイルに結合された Javascript ファイルと CSS ファイルを消去します。
The JavaScript/CSS cache has been cleaned
メッセージがワークスペースの上部に表示されます。 -
ブラウザーのキャッシュをクリアします。
コマンドラインを使用したフラッシュ
Commerce アプリケーションサーバーへのアクセス権を持つシステム管理者および開発者は、Commerce CLI を使用して、コマンドラインからキャッシュとキャッシュ設定を管理することもできます。 設定ガイド の キャッシュの管理{:target="_blank"} を参照してください。
コントロール
Select All– すべてのキャッシュのチェックボックスを選択します。
Unselect All :すべてのキャッシュのチェックボックスをクリアします。
Select Visible – すべての表示可能なキャッシュのチェックボックスを選択します。
Unselect Visible– 表示されているすべてのキャッシュのチェックボックスをクリアします。
Enable– 選択したすべてのキャッシュを有効にします。
Disable – 選択したすべてのキャッシュを無効にします。
Refresh– 選択したすべてのキャッシュを更新します。
ボタン
var/cache
)のすべての項目を削除します。media/catalog/product/cache
に保存されている自動的にサイズ変更され、透かし付きのすべてのカタログ画像を削除します。 最近アップロードした画像がカタログに反映されない場合は、カタログをフラッシュし、ブラウザーを更新してみてください。キャッシュ
Cache Management のページには、管理者から管理できるキャッシュタイプと、現在のステータスが一覧表示されます。 ここでは、Adobe Commerceでサポートされるデフォルトのキャッシュタイプについて説明します。 キャッシュタグ 列と キャッシュ ID 列は、Commerce アプリケーションコードで使用される値を表します。
-
cache_type_id
は、キャッシュタイプの一意の ID を定義します。 -
%CACHE_TYPE_TAG%
は、キャッシュタイプスコーピングで使用される一意のタグを定義します。
開発者およびシステムインテグレーターは、これらの値を使用して、Adobe Commerceのカスタマイズや統合を行う際のキャッシュの設定や管理を行います。例えば、GraphQL API を使用して統合を開発する場合などです。 cache type id
は、Commerce CLI を使用してアプリケーションサーバーのコマンドラインからキャッシュを管理する場合にも使用されます。 例えば、 bin/magento cache:status config
は設定キャッシュの現在のステータスを表示します。
キャッシュリストの詳細
System-
config.xml
、local.xml
Module -
config.xml
このキャッシュには、ファイルシステムおよびデータベースに保存されたストア固有の設定も含まれます。 構成ファイルを変更した後、このキャッシュの種類を消去またはフラッシュしてください。
CONFIG
config
LAYOUT_GENERAL_CACHE_TAG
layout
BLOCK_HTML
block_html
COLLECTION_DATA
collections
REFLECTION
reflection
Database DDL operations
DB_DDL
db_ddl
COMPILED_CONFIG
compiled_config
WEBHOOKS_RESPONSE
webhooks_response
EAV
eav
CUSTOMER_NOTIFICATION
customer_notification
GRAPHQL_QUERY_RESOLVER_RESULT
graphql_query_resolver_result
INTEGRATION
config_integration
INTEGRATION_API_CONFIG
config_integration_api
ADMIN_UI_SDK
admin_ui_sdk
FPC
full_page
TARGET_RULE
target_rule
WEBSERVICE
config_webservice
TRANSLATE
translate
フルページキャッシュ
Adobe CommerceとMagento Open Sourceでは、カテゴリ、製品および CMS ページをすばやく表示するために、サーバー上でフルページキャッシュを使用します。 フルページキャッシュにより、応答時間が改善され、サーバーの負荷が軽減されます。 キャッシュを使用しない場合、各ページでコードブロックを実行し、データベースから情報を取得する必要が生じる可能性があります。 ただし、フルページキャッシュを有効にすると、完全に生成されたページをキャッシュから直接読み取ることができます。
キャッシュされたコンテンツを使用して、類似したタイプの訪問からのリクエストを処理できます。 その結果、不用意な訪問者に表示されるページは、顧客に表示されるページとは異なる場合があります。 キャッシュの目的上、各訪問は次の 3 つのタイプのいずれかになります。
Non-sessioned
- セッションなしの訪問中、買い物客はページを表示しますが、ストアとのやり取りは行いません。 システムは、表示された各ページのコンテンツをキャッシュし、セッションに参加していない他の買い物客に提供します。Sessioned
- セッション型の訪問中、ストアとやり取りする買い物客には、セッション ID が割り当てられます。 インタラクションには、製品の比較や買い物かごへの製品の追加などのアクティビティが含まれます。 セッション中に生成されたキャッシュ済みページは、セッション中にその買い物客のみが使用します。Customer
- ログインして登録済みアカウントを使用して買い物をした顧客に対して、顧客セッションが作成されます。 セッションの間、お客様には、割り当てられた顧客グループに基づいて、特別なオファー、プロモーション、価格が提示されます。
技術情報については、 設定ガイド の Configure and Use Varnish{:target="_blank"} および Commerceページとデフォルトキャッシュに Redis を使用{:target="_blank"} を参照してください。
フルページキャッシュを設定するには:
-
管理者 サイドバーで、Stores/Settings/Configuration に移動します。
-
左側のパネルで「Advanced」を展開し、「System」を選択します。
-
「 」を展開し、「Full Page Cache」セクションを展開します。
{width="600" modal="regular"}
-
Caching Application を次のいずれかに設定します。
Built-in Application
Varnish Caching
-
ページキャッシュのタイムアウトを設定するには、TTL for public content を入力します。 (デフォルト値は
86400
) -
{BASE-URL}/page_cache/block/esi
HTTP エンドポイントで処理する レイアウトハンドルの最大数を指定するには、Handles param size を入力します。 サイズを制限すると、セキュリティとパフォーマンスが向上する可能性があります。 (デフォルト値は100
) -
Varnish を使用する場合は、Varnish Configuration のセクションを次のように完成させます。
-
Access list – 設定ファイルを生成するために Varnish 設定をパージできる IP アドレスを入力します。 複数のエントリはコンマで区切ります。 デフォルト値は
localhost
です。 -
Backend host – 設定ファイルを生成するバックエンドホストの IP アドレスを入力します。 デフォルト値は
localhost
です。 -
Backend port – 設定ファイルの生成に使用するバックエンドポートを識別します。 デフォルト値は
8080
です。 -
Grace period – 設定ファイルを生成するための猶予期間として使用する秒数を指定します。 設定ガイドの 高度なワニス設定 を参照してください。
-
設定を
varnish.vcl
ファイルとして書き出すには、使用する Varnish のバージョンのボタンをクリックします。
{width="600" modal="regular"}
-
-
完了したら、「Save Config」をクリックします。