ファイルストレージが少なく、特定のページの読み込みが遅い

この記事では、大きくてリッチな画像が原因でディスク容量が小さくなるという問題の解決策を提供します。

説明 description

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

問題

ディスク ストレージの低下とページの読み込み速度の低下は、pub/media/catalog/productsの大量のストレージを使用する大量のリッチ画像と、ステージング環境と実稼動環境の間のディスク領域の共有が原因で発生する可能性があります（専用ステージング環境がプロビジョニングされていない場合）。

原因

画像は、パフォーマンスと表示品質のバランスを取るように最適化されていません。

解決策 resolution

画像をアップロードする前に、画像を最適化して圧縮し、パフォーマンスと表示品質のバランスを取ります。 これにより、スペースを増やし、ページの読み込み時間を短縮できます。 PNGでは、単色の領域が大きい画像のサイズが小さくなります。 JPEGでは、他のすべてのファイルに対してサイズが小さくなります。 最も高い圧縮を使用してください（顕著な劣化なし）。 これは通常60～80%です。

Fastlyの画像最適化を使用して、よりストレージ効率の高い画像を作成します。

関連トピックス

ディスク容量の管理について詳しくは、「Adobe Commerce on Cloud Infrastructure ガイド」の「Adobe Commerceのディスク容量を管理」を参照してください。