CDN

WebflowのCDNの仕組み:現行ホスティングとFastlyの違い

Kouki T
デザイナー

Webflowはサイトの制作からホスティングまで提供するプラットフォームです。CDNはサイトのコンテンツを各地へ配信する基盤として、表示速度や安定した配信を支えます。

現行のWebflow公式ヘルプでは、WebflowのサイトはCloudflareによって保存・配信されると説明されています。この記事では現在のWebflowホスティングと、CDNサービスであるFastlyの機能を区別して解説します。

‍

Webflowで使用されているCDN

Webflowの現行ホスティングの説明と、CDNの基本的な役割を確認しましょう。Fastlyのサービス情報はWebflow標準機能の説明として読み替えないようにしてください。

‍

CDNについて

CDNはContent Delivery Networkの略です。分散したサーバーからコンテンツを配信し、利用者と配信拠点の距離やオリジンサーバーへの負荷を抑えるために使われます。キャッシュできる内容や配信の設定によって効果は異なります。

WebflowとCloudflareの接続方法は、Cloudflare連携ガイドで解説しています。

これにより、ユーザー体験が向上、改善し、ウェブサイトやオンラインサービスの利用者満足度を高めることに繋がります。

‍

Fastlyについて

参考元:https://www.fastly.com/jp/

FastlyはCDNやエッジでの処理、セキュリティなどを提供するサービスです。ここからはFastlyそのものの機能を紹介します。これらがWebflowの契約に含まれ、利用者が直接操作できるという意味ではありません。

公式の製品案内には、CDN、動画配信、画像最適化などのサービスが掲載されています。利用する機能と条件は、Fastly側の契約や設定を確認します。

‍

参考元:https://www.fastly.com/jp/products

‍

Fastlyはエッジでコードを実行するComputeや、ログを確認・転送する機能なども提供しています。旧称のCompute@Edgeを前提に手順を探す場合は、現在のComputeの公式資料を確認してください。

‍

サポートの内容、ネットワーク拠点、対応する機能は更新されます。以前のプラン名や拠点数を固定の条件として扱わず、Fastlyの公式案内で現在の提供範囲を確認してください。

‍

Fastlyの旧サポート画面です。現在の契約条件はFastlyの公式案内を確認してください。

参考元:https://www.fastly.com/jp/solutions/support-plans

‍

Fastlyの主な機能

Fastlyには配信やキャッシュ、セキュリティを調整する機能があります。以下はFastlyを利用する場合の説明であり、Webflow上で同じ設定を行えることを示すものではありません。

‍

リアルタイムのデータ処理

Fastlyではキャッシュの無効化などを使って更新した内容の配信を制御できます。ただし、オリジンの更新やキャッシュ設定、配信先の状態も関係するため、すべての利用者に常に即座に最新情報が届くと保証するものではありません。

‍

グローバルな高速配信

Fastlyは各地のネットワーク拠点から配信を行います。実際の表示速度は利用者の回線、配信するデータ、キャッシュの状態などでも変わります。

‍

撮影時点のFastlyネットワーク図です。現在の拠点数やWebflowの配信拠点を示すものではありません。

参考元:https://www.fastly.com/jp/network-map/

‍

この高速配信システムにより、ユーザー体験が向上し、ウェブサイトの訪問者のエンゲージメントと満足度の向上に繋がることが期待できます。

‍

高度なセキュリティ

FastlyはDDoS対策やFastly Next-Gen WAF(Web Application Firewall)を含む包括的なセキュリティ対策を提供しています。

‍

参考元:https://www.fastly.com/jp/products/web-application-api-protection

‍

セキュリティ機能の利用範囲や設定は契約によって異なります。CDNやWAFの利用だけで、すべての脅威からデータを保護できるわけではありません。

‍

カスタマイズ可能なキャッシュ設定

FastlyのCDNではVCLなどを用いてキャッシュや配信を制御できます。この説明はFastly側の機能についてのもので、WebflowのSiteプランで利用者がVCLを編集できるという意味ではありません。

‍

Webflowの現行ホスティングで確認すること

Webflowのホスティングは、基盤の保守をWebflow側が担う管理型のサービスです。利用者は配信基盤の説明と、自分のSiteプランで使える機能を分けて確認します。

‍

表示速度は実装と利用環境にも左右される

現在のWebflow公式ヘルプは、サイトがCloudflareによって保存・配信されると説明しています。「全プランでFastlyを使用する」という以前の説明は、現行仕様の案内には使えません。

‍

過去のWebflowホスティング紹介画面です。掲載事例の数値はすべてのサイトの表示速度を保証するものではありません。

参考元:https://webflow.com/hosting

‍

管理型のホスティングでも、画像の容量、外部スクリプト、アニメーションなどは表示速度に影響します。公開後は実際のページと利用環境で計測し、改善を続けましょう。

‍

コンテンツとアセットの配信を確認する

HTML、CSS、画像などの配信状況は、実際のページで確認します。現行のプラン比較ではCMS機能、転送量などの条件を確認してください。過去の「BusinessでCloudFrontが追加される」という説明を、現在のプラン選択の根拠にすることはできません。

必要な容量や機能を整理し、現在の公式料金ページと契約内容に合わせてプランを選びましょう。

‍

特定地域の利用者には実際の配信を検証する

過去のフォーラムの説明だけを根拠に、「Businessでアジア・オセアニアの追加拠点を利用できる」と判断しないでください。対象地域からの表示や外部サービスの動作を確認し、必要に応じてWebflowへ要件を相談します。

‍

2017年のフォーラム投稿の画像です。Fastly・CloudFrontと旧Businessプランに関する当時の説明で、現行仕様の案内には使えません。

‍

過去の議論:CDNとGlobal CDNについてのフォーラム投稿。現在のプラン仕様は公式のホスティング説明と料金ページを参照してください。

配信基盤を選ぶときの考え方

WebflowとFastlyは提供するサービスと利用者の管理範囲が異なります。特定のCDN名だけで判断せず、制作、配信、保守をどこまで自社で担うかを整理しましょう。

‍

制作とホスティングをまとめて管理する場合

Webflowではサイトの制作・更新とホスティングをまとめて管理できます。必要なCMS機能、公開方法、連携サービスが要件に合うかを確認しましょう。

FastlyのようなCDNを直接利用する場合は、オリジン、キャッシュ、セキュリティなどの設計と保守が必要です。Webflowの標準ホスティングを利用する場合とは、作業範囲が異なります。

CDNの機能を細かく制御したい場合は、対応する構成とサポート範囲を確認してから設計します。

‍

ユーザー体験は公開後も確認する

配信基盤に加えて、コンテンツの量、操作の分かりやすさ、フォームや外部サービスの動作もユーザー体験に関わります。

表示速度は実測し、遅い画像やスクリプトなどを調べます。セキュリティでは認証と権限、取得する情報の管理も続けて確認してください。

CDNの導入だけで離脱率や売上の改善が決まるわけではありません。サイトの目的に合う指標を計測し、制作と運用の両面から改善することが大切です。

‍

まとめ:現行の配信基盤と契約条件を確認する

Webflowの現行公式案内はCloudflareによる保存・配信を説明しています。Fastlyの機能や過去のWebflowプランの説明とは区別し、現在の公式資料を使って要件を確認しましょう。プランの機能に加え、実際のサイトの表示速度と運用体制も含めて判断してください。

現行の公式資料:Webflow hosting overview/Webflowの料金・機能/Fastlyの製品案内

あなたのWebサイトにブーストを。

Booostはノーコードツール「Webflow」に特化したWeb制作サービスです。
デザイン・マーケティング・翻訳の3つの最適化で、Webサイトの集客力を最大化します。

この記事を監修した人
Kouki T
デザイナー
2024年にデザイナーとしてIGNITEに入社。10代からWebデザインを独学で学びWeb・グラフィック・動画など様々な分野の制作に携わっている。 現在はWebflowの技術を活かしデザイン・SEO・運用あらゆる面でのクオリティを高めたWebサイトを構築し、クライアントの集客力アップに繋げている。