ドキュメントCommerce実装プレイブック

フロントエンドパフォーマンスのベストプラクティス

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • 経験者
  • 管理者
  • ユーザー
  • 開発者

Web パフォーマンスツールを使用して、Adobe Commerce ストアのフロントエンドパフォーマンスを確認します。
これらのツールでは、様々な指標を使用して強力なインサイトと推奨事項を提供し、オンラインストアのパフォーマンスを向上させます。

影響を受ける製品とバージョン

サポートされているすべてのバージョン:

  • クラウドインフラストラクチャー上のAdobe Commerce
  • Adobe Commerce オンプレミス

フロントエンドパフォーマンスの確認

Web サイトストアのフロントエンドパフォーマンスを確認するには：

  1. 次のような web パフォーマンスツールを使用して、フロントエンドのパフォーマンスを監査します。

    • Google Lighthouse - Lighthouse は、パフォーマンス、アクセシビリティ、プログレッシブ web アプリ、SEO などに関する監査を実施しています。 lighthouse を実行する様々な方法について詳しくは、Lighthouse の概要）を参照してください。
    • Google PageSpeed Insights - PageSpeed Insights では、web ページのパフォーマンスが遅くなる原因に関する詳細なレポートとその修正方法に関する推奨事項をすばやく提供します。

  2. 監査レポートを確認し、提示される推奨事項を実装して、ストアのパフォーマンスを向上させます。

追加情報

recommendation-more-help
754cbbf3-3a3c-4af3-b6ce-9d34390f3a60