Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

ストアのパフォーマンスを向上させる

最終更新 Markdown で表示Agent セットアップ

ページ読み込みが遅いと、e コマースのコンバージョン率は直接下がります。Cloudflare は、グローバルなエッジキャッシュ、商品画像のその場での最適化、アセットの自動縮小、Zaraz によるアナリティクス・マーケティングタグのサーバーサイド読み込みで、オンラインストアを高速化します。

ソリューション

Cache

Cloudflare のグローバルなエッジロケーションにコンテンツをキャッシュします。Cache の詳細

  • グローバルなコンテンツ配信 - 静的アセットを 300 以上のエッジロケーションから配信し、海外の買い物客向けの読み込み時間を短縮します

Images

画像を大規模に変換、最適化、配信します。Images の詳細

  • 画像最適化 - 商品画像向けに、WebP / AV1 Image File Format(AVIF)への自動変換と、その場でのレスポンシブリサイズを行います

Speed

HTML、CSS、JavaScript、フォントを自動最適化します。Speed の詳細

  • Core Web Vitals の改善 - アセットの自動最適化により、Largest Contentful Paint(LCP)を短縮し、Cumulative Layout Shift(CLS)を抑え、Interaction to Next Paint(INP)を改善します

Zaraz

サードパーティツールをサーバーサイドで読み込み、パフォーマンスとプライバシーを向上します。Zaraz の詳細

  • サードパーティスクリプトの制御 - ページ描画をブロックせず、Cloudflare 経由でアナリティクス、チャット、マーケティングタグを読み込みます

Workers

Cloudflare のグローバルネットワーク上で、サーバーレスアプリケーションを構築してデプロイします。Workers の詳細

  • エッジロジック - HTML の書き換えや動的コンテンツの組み立てなど、カスタムのパフォーマンス最適化をエッジで実行し、オリジンへの往復を避けます

はじめに

  1. Cache Rules を設定する
  2. Cloudflare Images を設定する
  3. Speed の最適化を有効にする
  4. Zaraz を設定する
  5. HTMLRewriter でエッジの HTML を書き換える

役に立ちましたか?