Skip to content

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

パフォーマンスを最適化する

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

ページの読み込みが遅いと、直帰率が上がり、コンバージョンが下がります。Cloudflare はエッジキャッシュ、混雑したネットワーク経路を避ける Argo Smart Routing、Core Web Vitals スコアを改善するアセットの自動最適化で、アプリケーションを高速化します。

ソリューション

Cache

Cloudflare のグローバルなエッジ拠点にコンテンツをキャッシュします。Cache の詳細 を参照してください。

  • エッジキャッシュ - 最も近い Cloudflare 拠点からレスポンスを返し、レイテンシとオリジン負荷を下げます

Argo Smart Routing

Cloudflare ネットワーク上の最速経路でトラフィックをルーティングします。Argo Smart Routing の詳細 を参照してください。

  • スマートルーティング - エッジとオリジンの間で、混雑したネットワーク経路を自動で避けます

Speed

HTML、CSS、JavaScript、フォントの自動最適化です。Speed の詳細 を参照してください。

  • アセット最適化 - HTML、CSS、JavaScript の自動ミニファイと Brotli 圧縮
  • Core Web Vitals - 組み込みの最適化で、Largest Contentful Paint(LCP)、Interaction to Next Paint(INP)、Cumulative Layout Shift(CLS)のスコアを改善します

Workers

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

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

開始する

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

役に立ちましたか?