Home Blogs Edgio vs CDN:明確な並列比較
Applications

Edgio vs CDN:明確な並列比較

About The Author

Outline

Layer0は、アプリケーション認識型CDNとさまざまな速度指向Webテクノロジーを組み合わせたサーバーレスプラットフォームである。 頭字語は「EXPERIENCE Delivery Network」の略であり、 従来のCDNのように静的コンテンツをホスティングするだけでなく、エッジで動的コンテンツのキャッシュヒット率を最大化できる。 Layer0は、ウェブサイトのパフォーマンスをさらに向上させ、大規模な動的ウェブサイトの開発、展開、監視、実験、防御の全プロセスを簡素化するいくつかの他の技術も提供している。 Layer0と従来のCDNの比較を見てみよう。

コンテンツ・デリバリー・ネットワーク(CDN)とは?

長年にわたり、CDNは世界中のインターネットユーザーに画像、動画、JavaScript (つまり静的資産)、CSSコードやウェブサイトの他の部分を配信するのに役立つ目に見えない技術であった。

コンテンツ配信ネットワークの重要性は過大評価できない。 それらがなければ、各ユーザーのブラウザは世界中のサーバーからコンテンツを非効率的にダウンロードするため、ウェブサイトは劇的に遅くなるだろう。 今日のインターネットは、より良い、より速いブラウジング体験のためのバックボーンとして分散CDNを使用している理由である。 一部のCDNはトラフィックをルーティングし、DDoS攻撃を軽減し、ウェブサイトのアップタイムを確保できる。

エッジサーバーを備えたPOP(Point of Presence)は、CDNアーキテクチャの重要なコンポーネントであり、ユーザーに送信する必要のある距離情報を大幅に削減し、ロード時間を大幅に短縮する。 CDNエッジサーバーのグループが存在する単一の地理的な場所。 CDNのネットワークとそれぞれの独立した場所を構成するPOPの総数は、CDNのカバレッジに影響を与える。

CDNを定期的に使用しているが、それを知らない人もいる。 今日のウェブのほとんどは、Amazon、Facebook、Netflixなどの主要サイトからのトラフィックを含む、プレゼンスポイントを介して提供されている。

従来のCDNの問題

CDNは、エンドユーザーに対してサービスを空間的に分散することで、高可用性とパフォーマンスを提供する。 しかし、従来のCDNの問題は、もともと静的なウェブサイトを念頭に置いて設計されていたことである。 それらは画像やテキストのようなめったに変化しない資産を提供することを意図していた。 しかし、インターネットは変化し、現代のウェブサイト、特にeコマースストアは、よりインタラクティブで動的で、データベース駆動型になっている。 彼らは今、昨日のHTMLベースのウェブサイトよりもアプリケーションとの親和性を共有している。

eコマースサイトにアクセスしている顧客は、興味のある製品の特定のサイズ、色、価格を構成するJSONデータを待っているが、皮肉なことに、このデータは動的データを扱うために調整されていないため、従来のCDNではキャッシュされていない。

eコマースウェブサイトのエクスペリエンスを向上させる最も簡単な方法は、製品の詳細が配信される速度を上げることである。

CDNとeコマース

従来のCDNだけでは、eコマースWebサイトは1秒未満にはならない。 特に、数千ページから構成され、数十のタグ、カスタマイズ、リアルタイムの在庫検索などを備えた、モダンでデータベース駆動型の動的なものではない。

モバイルネットワークは高速化しているが、モバイルWebサイトの速度はこれ以上向上していない。 これは、ほとんどすべての主要なeコマースサイトが今日CDNを使用しているにもかかわらず発生する。従来のCDNは静的ファイルのキャッシュのみに適しており、JSONデータは得意ではない。 従来のCDNを使用したeコマースWebサイトでは、ブラウザが画面上にページを表示する前に、リモートデータベースから取得する必要がある製品データを顧客が待つようにしている。

Layer0/Edgioとeコマース

Layer0は、eコマースや旅行などの大規模で動的なウェブサイト用に構築されている。 Layer0は、現代のアプリケーション対応CDN以上のものである。 CDNやその他の高度なウェブ技術を搭載しており、ウェブサイトを1秒未満の速度にすることができる。

  • エッジでの動的コンテンツのキャッシュヒット率95%以上、ほぼ100のグローバルポップ、9つの「スーパーポップ」を備えたCDN-as-JavaScript。 CDN-as-JavaScriptは、既存のCDNを強化または置き換えることができる。 この最新のCDNには、WAF、DDoS防御、ボット緩和など、サイトの防御に必要なすべてが付属している。 CDN-as-JavaScriptは、開発者がエッジでのキャッシュをプログラムで制御できるため、ブラウザは次のページをレンダリングするために必要なデータを即座に取得できる。
  • APIをオーケストレーションして最適化するフロントエンド用のサーバーレスJavaScriptバックエンド。 また、サーバーサイドレンダリングにも最適な場所であり、実行時間を低く保ち、パフォーマンスを高く保つことで、サイトをさらにスピードアップするのに役立つ。
  • エッジトラフィックルータは、エッジでのトラフィック分割と、サイトの速度を低下させないA/Bテストを有効にする。 このモジュールはまた、反復マイグレーション、カナリアデプロイ、機能フラグを有効にする。
  • ブランチプレビューは、コードのすべてのブランチにフルスタックプレビューURLを自動的に作成することで、開発速度を向上させる。 1-Clickロールバック、カスタムドメイン、ライブログもサポートされている。
  • パフォーマンスモニターは、キャッシュヒット率、ルート別のRUM速度、コンバージョン率とスモークテストアラートに関する実用的な洞察を提供。

Layer0では、動的データは通常95%以上のヒット率でエッジにキャッシュされる。

Layer0はすでに最速のオンラインストアのいくつかに力を与えている:靴のカーニバルAKIRAはほんの少数の例である。 米国の買い物客の3人に1人が毎月Layer0のサイトを訪れている。 Layer0上のウェブサイトは、高度な予測プリフェッチとLayer0 CDN-as-JavaScriptを使用しているため、驚くほど高速である。これにより、買い物客のタップの5秒先を行くことができる。 これは、キャッシュされた動的データをCDNエッジからユーザーのブラウザにストリーミングしてから、ユーザーが次にクリックすると予想されるものに基づいて何かをクリックする。 言い換えれば、あなたのストアはあなたが提供しているさまざまな製品のJSONデータ、その価格、そして情報をほんの数分の1の時間で提供することができる。

Layer0 CDN-as-JavaScriptとは?

CDN-as-JavaScriptは、キャッシュを簡単に最大化できるアプリケーション対応のCDNである。 CDN-as-JavaScriptは、ルートとページタイプごとにキャッシングに関する実用的な洞察を提供し、エッジでのキャッシングとトラフィックルーティングを完全に制御できる。 CDN-as-JavaScriptは、100近くのグローバルPOPのネットワークを持ち、高度な予測プリフェッチ機能を備えているため、最も可能性の高い製品情報は、顧客が要求する前にエッジから顧客のブラウザにストリーミングされる。 その結果、Layer0上のウェブサイトでは、動的コンテンツの平均キャッシュヒット率は95%以上となっているが、Eコマースに一般的な低いレートは10%から15%の範囲にある。 CDN-as-JavaScriptはLayer0のコンポーネントの1つにすぎず、単独では大規模なeコマースサイトの場合、1秒未満の速度を保証できないため、Layer0パッケージ全体が必要になる。

既存のCDNをダンプするかどうか

すぐに実行できるときに、迅速に最適化しない! Layer0 CDN-as-JavaScriptは現在のCDNを完全に置き換えることができる。 Web Application Firewall(WAF)、Distributed Denial of Service(DDoS)保護、ボット緩和、オリジンシールド、エッジベースのフィルタリングなど、エッジで必要なすべてのWebセキュリティ機能を備えている。 CDN-as-JavaScriptには、100近くのグローバルポップと9つの「スーパーポップ」があり、コンテンツとデータが買い物客の近くにあることを保証する。 画像最適化サービスも提供している。 ただし、既存のCDNを維持したい場合は、Layer0 CDN-as-JavaScriptを使用すると、CDNを強化でき、Webサイトの速度が低下することはない。

Layer0/Edgioのその他の利点

CDN-as-JavaScriptがCDNを置き換えることができるか、CDNと一緒に動作できるかにかかわらず、Layer0には他にもいくつかの利点があり、大規模なウェブサイトが一貫して1秒未満のページロードを配信できる。

1.サーバーレスJS

  • ジャストインタイムのサーバーサイドレンダリング(SSR)–プレレンダリングでは、数千のSKU、A/Bテスト、動的な価格設定、リアルタイムの在庫検索、プロモーションを備えた動的なeコマースWebサイトには対応できない。 Layer0は、インラインでオンザフライのサーバー側でレンダリングされたコンテンツを提供し、CDN-as-JavaScriptでエッジでキャッシュされる。
  • Serverless Node.js–サーバーを管理せず、サーバーレスプラットフォームで膨大なトラフィックスパイクを手間をかけずに処理。
  • APIアグリゲーションとオーケストレーション–フロントエンド用のサーバーレスJavaScriptバックエンドの通常の利点を享受する。これには、ブラウザーに配信されるペイロードを最小限に抑えるためのAPIのオーケストレーション集約が含まれる。
  • 合成API技術–eCommerceプラットフォームやカスタムシステムに完全なAPIカバレッジがない場合がある。 買い物客にインスタント体験を提供するのに数か月待つ理由は? Layer0を使用すると、HTMLから合成APIを簡単に作成できる。
Layer0 Serverless JavaScriptは、HTMLをオンザフライでJSONデータに変換する特許取得済みのSynthetic API技術を提供する。 Synthetic APIエンドポイントはCookieを保持し、リダイレクトし、Webページ上でiFrameとAjaxをサポートする。 Webサイト全体やWebサイトの一部を強化したり、ネイティブAPIと連携して特定のページテンプレートの機能を強化したりするために使用する。 合成APIは高速に実行され、1秒未満のWebサイトの速度を損なうことはない。

2.エッジ実験

Layer0では、トラフィックルーティング、決定的テスト、およびサブ秒の統計を完全に制御できる。
  • トラフィックをライブブランチにルーティングする–作成するコードのブランチはすべてLayer0で等しく、特定のドメインのトラフィックの一部またはすべてを受信できる。 Layer0コンソールを使用すると、ルーティングルールの調整、変更の展開、および問題が発生した場合のロールバックが容易になる。
  • 任意のヘッダー値または確率に基づいてトラフィックをルーティングする–トラフィックは確率(単純な50/50分割など)または任意のヘッダーまたはCookie値に基づく高度なルールに基づいてルーティングすることができる(例えば、初めての訪問者に繰り返し訪問者とは異なるエクスペリエンスを示す)。

Layer0では、ネットワークエッジに配置されているブランチにライブトラフィックをルーティングできる。

  • 実際のA/Bテストを実行する–Layer0では、Webサイトの速度に影響を与えない実際のA/Bテストを実装できる。 ほとんどのA/Bテスト用具はあなたのウェブサイトを遅くし、あなたの結果を歪める。 この問題はハイゼンベルクの不確定性原理(粒子の位置がより正確に決定されるほど、その運動量は初期条件からより正確に予測されず、逆も同様である)を連想させる。 例えて言えば、サイトをテストするとき、テストが失敗したか成功したかはわからないかもしれないが、テストが原因でページの読み込みが遅くなってしまったことに顧客は不満を感じていた。 Layer0を使えば、このようなジレンマを避けることができる。 すべての新しいエクスペリエンスが元のエクスペリエンスと同じ速度でエッジで配信されるため、テストでページ速度が低下することはない。 これにより、多数のA/Bテスト、機能フラグ、カナリアデプロイ、その他のサイトのバリエーションを、サイトの速度に悪影響を与えることについて少しでも心配することなく実行できる。

  • 反復的移行–Layer0は、マーティン・ファウラーのストラングラーパターンに従って、一度にアプリケーションの1つのセクションを反復的に移行することを可能にする。つまり、特定の機能を段階的に「絞殺し」し、それらを新しいアプリケーションやサービスに置き換える。 Layer0 CDN-as-JavaScriptは、要求を傍受する一種のレイヤーを構成する。 既存のサイト、Layer0上の新しいサイト、またはページタイプに基づいた2つの組み合わせにリクエストをルーティングする。 このようにして、ウェブサイトの一部は徐々に移行され、消費者は移行が行われていることに気づかずに同じインターフェースを使い続けることができる。 まず、収益を生み出すページに焦点を当て、PLPとPDP、そして他のページを都合の良いときに移行することをお勧めする。

CDN-as-JavaScriptは要求を傍受し、ページタイプに基づいて既存のサイト、Layer0上の新しいサイト、または2つの組み合わせにそれらをルーティングする。

3.分岐のプレビュー

Layer0では、アプリのための無制限の自動化されたフルスタックのプリプロダクション環境を可能にする。 各機能ブランチは、エッジ、サーバー、ブラウザ環境を自動的に生成する。

  • 各機能ブランチの自動プレビューURL–すべての機能ブランチは自動的にURLを生成し、製品/プロジェクトマネージャ、QAなどがリアルタイムでフィードバックを提供できるため、フィードバックループを最小限に抑え、無駄な作業を回避できる。

  • 世界で唯一の自動フルスタックプリプロダクション環境–ブラウザー、エッジ、サーバーコードを本番スタックと同一の環境にデプロイする。 サイトが再びダウンしたときに、CDNサポートチームに連絡してサイトをデバッグする必要はない。

  • ステロイドのCIとCD–Layer0ブランチプレビュー機能ブランチにプッシュしたときにトリガーされるビルダーを含める。 ビルダーはフルスタック環境にデプロイし、GitHubのステータスチェックを更新し、プルリクエストにプレビューURLを投稿する。

ブランチプレビューの主な利点:

  • 開発者は、最新のブランチがマージされる前に、テスト用にライブコードを共有できる

  • ビジネスオーナーは変更をリアルタイムで確認できる

  • コードレビューとフィードバックサイクルが高速化

  • QAおよびテストプロセスが簡素化される

概要

静的なウェブサイトを念頭に置いて設計された従来のCDNは、モダンで動的で画像が豊富なeコマースウェブサイトのマスタードをカットしない。 Layer0は完全なパッケージ契約であり、1秒未満の動的ウェブサイトを実行するための完全なインフラストラクチャである。 CDNが付属しているが、はるかに多くを提供する。 ヘッドレスフロントエンドの開発、展開、プレビュー、実行、監視、実験、防御を行うオールインワンソリューション。 そしてそれは全ての最適化の努力からミリ秒毎に絞り出す事を確実にする。 Layer0/Edgio上で実行されている大規模で動的なWebサイトのページロードの中央値が500ミリ秒以下になることを保証。