スループットの高いAJAX リクエストが原因で、パフォーマンスが低下する
この記事では、一部の高スループットリクエストがサーバー負荷とトラフィックの増加を引き起こすことで発生する、Adobe Commerce オンプレミスまたはAdobe Commerce on cloud infrastructure サイトのパフォーマンスの問題に対するソリューションを説明します。
影響を受ける製品とバージョン
- クラウドインフラストラクチャー上のAdobe Commerce 2.2.x、2.3.x
- Adobe Commerce オンプレミス 2.2.x、2.3.x
NOTE
この問題は、クラウドインフラストラクチャー上のAdobe Commerceとオンプレミス上のAdobe Commerceの両方のバージョン 2.3.4 で修正されました。
問題
重要なAJAX リクエストなどの高スループットリクエストが原因で、サイトのパフォーマンスが低下します。
原因：
高スループットのAJAX リクエストには、顧客のプライベートコンテンツに関連するリクエストが含まれます。
解決策
次の 3 つの解決策があります。
- バージョン 2.3.4 へのアップグレード。 これが現在不可能な場合は、 問題を修正するパッチをインストールしてください。
- 軽いリクエスト（キャッシュリクエストまたは顧客のプライベートコンテンツへの移動）を確保します。
- リクエストの数を減らします。
軽量なリクエストの確保（キャッシュリクエストまたは顧客のプライベートコンテンツへの移動）
各ページでトリガーされるサードパーティのAJAX リクエストがある場合は、これらのリクエストをキャッシュするか、顧客のプライベートコンテンツに移動しようとします。 これを行うには、マーチャントがGET HTTP メソッドを使用してカスタム AJAX リクエストを呼び出すようにします。 これにより、これらのリクエストが Fastly でキャッシュできるようになります。 キャッシュしてはいけないカスタム AJAX リクエストがある場合は、プライベートコンテンツ機能に従ってリファクタリングする必要があります。 手順については、開発者向けドキュメントの 非公開コンテンツを参照してください。
リクエストの数を減らす
- 永続的な買い物かごを無効にすると、
customer/section/loadリクエストの数が増える可能性があります。 アドビの開発者ドキュメントの 永続的な買い物かごのパスの手順に従って、永続的な買い物かごが有効になっているかどうかを確認します。 - でコンテンツの再読み込みまたは無効化が必要な場合は
sections.xml開発者向けドキュメントの プライベートコンテンツ：プライベートコンテンツの無効化の手順に従ってください。 カスタマイズでcustomerData.reload()メソッドを直接使用していないことを確認してください。 - 同じページ上の他のPOST AJAX リクエストを確認します。 Google Chrome ブラウザーでGoogle Chrome開発者ツールを開きます。 「Network」タブをクリックしてから「XHR」タブをクリックすると、特定のページからのすべてのAJAX リクエストのリストが表示されます。 次に、各リクエストをクリックし、フィールドでリクエストメソッドをGETリクエストにする必要があります。 メモ：Google Chromeは例として使用され、他のブラウザーでも同様に実行できます。
- Google Tag Manager （GTM）機能を確認します。これは特定のAJAX リクエストです。 ユーザーはこのAJAXを削除し、プライベート機能を使用してカスタマイズをリファクタリングして、サーバーへのリクエストの合計数を減らすことができます。
- Adobe Commerceのバナーが有効になっているが、使用されていないことを確認します。 サイトのパフォーマンスを向上させるには、Adobe Commerce バナーの出力を無効にすることが必要になる場合があります。
8bd06ef0-b3d5-4137-b74e-d7b00485808a