eCDN ゾーンの速度設定の構成
Business Manager のゾーンの構成インターフェイスを使用して、アーリーヒント、HTTP/3、画像圧縮などの速度設定を有効にすることで、ゾーンのパフォーマンスを最適化します。
必要なエディション
| 使用可能なソリューション: B2C Commerce |
速度設定により、買い物客のサイトパフォーマンスが向上します。各設定は、サイトの構成によって異なる効果を持つ場合があります。本番トラフィックのあるゾーンで有効にする前に、設定を個別にテストして影響を測定します。各機能の概念的な背景については、「サイト速度の向上」を参照してください。
- Business Manager でアプリケーションランチャーをクリックし、管理 | サイト | 埋め込み CDN 設定の順に選択します。
- 構成するゾーンを見つけ、ドロップダウンメニューから「ゾーンの構成」を選択します。
-
「速度」タブを選択します。
「速度」タブ — 最適化設定と「Polish Level」
-
(オプション)[最適化] セクションで、次のいずれかの設定を選択して、サイトのパフォーマンスを向上させます。
スピード設定 操作 Early Hints Early Hints は、サーバーがレスポンスを準備している間の時間を最大限に活用します。このアプローチでは、配信元サーバーがビジー状態のときにリソースの読み込みを開始するように指示がブラウザーに送信されます。完全なレスポンスの準備が整う前にこれらのヒントを送信することで、ブラウザーはエンドユーザーのために Web ページをより速く読み込む方法を理解できます。
103 Early Hints を利用するには、
dw.system.Responseクラス内のaddHttpHeaderメソッドでLinkHTTP ヘッダーを有効にします。通常、rel=preloadとrel=preconnectは、rel=preload (as=...values image, style, script) と rel=preconnectLink ヘッダーがあります。response.addHttpHeader("Link", "</path/to/resource>; rel=preload; as=image"); response.addHttpHeader("Link", "<https://example.com>; rel=preconnect");参考までに、MDN Web Docs - Linkを参照してください。
HTTP/3 HTTP/3 は、デフォルトでセキュアなトランスポートプロトコルである QUIC を使用します。HTTP/3 は、HTTP/2 と同様の方法でページの読み込み時間を改善します。しかし、QUICトランスポートプロトコルはTCPのヘッドオブラインブロッキングの問題を解決し、損失の多いネットワーク上でのパフォーマンスを向上させることができます。 HTTP/2 からオリジン eCDN とオリジンの間で HTTP/2 プロトコルを利用するため、2 つの間のパフォーマンスが向上します。この設定は、オリジンが HTTP/2 をサポートしている場合にのみ有効です。 Brotli 静的テキストベースの Web アセット (HTML、CSS、JS、JSON) の配信に Brotli を使用すると、パフォーマンスが向上し、ペイロードが小さくなり、配信時間が短縮されます。この機能強化により、圧縮設定をより簡単かつ直感的に管理できるようになります。 通常、これらの速度設定によってサイトのパフォーマンスは向上しますが、その程度はサイトの構成のさまざまな固有の側面によって異なります。各速度設定を一度に 1 つずつテストして、各機能のパフォーマンス向上を正確に測定します。
-
(オプション) Polish レベルセクションで次のいずれかのオプションを選択します。
Polish レベル - オプション 操作 Polish レベル - オフ 画像の変更は行われません。 Polish レベル - ベーシック 画質に影響を与えずに、画像ファイルのサイズを小さくします。このオプションでは、PNG、GIF、JPEG ファイルのメタデータが削除されます。同時に、可逆圧縮の PNG および GIF ファイルが作成されます。 Polish レベル - ベーシック + JPEG ベーシックレベルの動作に加え、JPEG 画像のファイルサイズが非可逆圧縮を使用して縮小されます。これによって、画質が下がることがあります。サイズの大きな JPEG 画像はプログレッシブ画像に変換されます (サイト訪問者には、ファイルがダウンロードされるにつれて、次第に詳細な画像が表示されます)。この機能は、eCDN を通じて提供される画像にのみ適用されます。サードパーティのサイトから取得される画像は変更されません。 Polish レベルは、ゾーン内のホスト名から提供されるすべての画像に適用されます。画像ごとに異なる Polish レベルを使用したり、デバイスタイプに合わせた Polish レベルを使用したりすることはできません。新しい Polish レベルを本番トラフィックのあるゾーンに対して有効にする前に、本番トラフィックのないゾーンでテストします。
-
(オプション)「Polish レベル」セクションで、「WebP」を選択して WebP 画像のサポートを有効にします。
eCDN では
WebP画像形式がサポートされており、サポートされているクライアントでのパフォーマンスがさらに向上します。Polish レベル (基本) (GIF、PNG) を選択した場合:
- WebP は PNG 画像にのみ適切であり、JPEG 画像の圧縮を向上させることはできないため、このモードでは WebP が役立つことはめったにありません。
Polish Level Basic + JPEG を選択した場合:
- WebPは平均してJPEGよりも圧縮率が高くなりますが、例外があります。eCDN はこれらのケースを検出し、JPEG の圧縮率が高い場合は JPEG 形式を保持します。
- 変換によってファイルが大きくなってしまう場合や、ファイルサイズよりも画質が低下してしまう場合は、eCDN は JPEG から WebP にファイルを変換しません。
- 大規模な JPEG 画像は、プログレッシブ画像に変換されます。買い物客には、ファイルがダウンロードされるにつれて、次第に詳細な画像が表示されます。
メモ WebPでは、Polish レベルを「基本」または「基本 + JPEG」に設定する必要があります。
- サイト速度の向上
顧客により良いオンラインショッピング体験を提供したいとお考えの場合は、Web ストアの速度向上をご検討ください。これらの速度最適化機能により、ストアフロントの読み込みが速くなるため、顧客は待ち時間を減らして閲覧する時間を増やすことができます。
