cdnの仕組み。 定期放送。 コンサルティングではなく、なぜCDNなのか

適切なコンテンツ配信ネットワークを使用して、サイトの2つの重要な指標であるパフォーマンスとセキュリティを改善します。

ウェブページの読み込み速度が遅いことを好む人はほとんどいません。 事実はそれ自体を物語っています：

• ロード時間が6秒から1.2秒に短縮された後、Shopzillaの収益は12％増加しました。
• Amazonは、ページの読み込みが1秒遅れると、年間16億ドルの売り上げが失われる可能性があると見積もっています。
• 買い物客の21％は、サイトが遅い場合にショッピングカートを放棄します。
• Googleは検索結果に関してウェブサイトの読み込み時間を考慮に入れているため、速度は収益に影響を与えるだけではありません。 高速読み込みを使用すると、検索結果の上位に移動できます。

セキュリティはWebサイトの成功にとっても同様に重要であり、Webサイトがハッキングされないように最善を尽くす必要があります。

適切なサイト保護の欠如は、ハッカーにとってより簡単になり、あなたの評判とあなたのビジネスに損害を与えます。

Cloudflareが提供する以下の機能のいくつかは無料で利用できます：

• グローバルにバランスの取れたCDN。
• コンテンツキャッシュ、インスタントキャッシュクリア;
• IPv6;
• WebSocket;
• Restful API
• 基本的なDDoS保護。
• TLS 1.2、1.3;
• Cloudflareによって発行された証明書。
• HTTPSにリダイレクトします。
• コメント内のスパムに対する保護、コンテンツの盗難に対する保護。
• 作業とセキュリティの脅威の分析。
• 特定のページのパラメータを設定できるページルール。

サイトの設定には5分もかかりません。 これは、速度を最適化し、セキュリティを向上させるための非常に有益な方法です。

セキュリティの優先度が高い場合は、PROプラン、またはアプリケーション用のファイアウォール、イメージの最適化、モバイルデバイス用の最適化などが利用できるさらに高度なバージョンを検討するのが理にかなっています。

Cloudflareアプリケーションでの作業は注目に値します。 これにより、追加のインストールなしで特定の機能を簡単に実装できます。 たとえば、コードを変更せずにGoogle Analytics、PingdomSwiftypeを使用できます。

Cloudflareを使用しているのは誰ですか？

グラフはCloudflareの人気を示しています（ 約。：Alexaによると、Cloudflareは上位100万サイトの78.61％の市場シェアを持っています）。 最も著名なクライアントは次のとおりです。

• Feedly
• Mozilla
• Digitalocean
• Udacity
• CodeGuard
• ゾピム
• スタックオーバーフロー
• Reddit

3.データパス

DatapathはAWSとの統合を提供します。これにより、サイトの速度が向上し、トラフィックコストが削減されます。 データパスはIaaS（サービスとしてのインフラストラクチャ）を指し、ネットワークを完全に管理し、遅延、コスト、および帯域幅に基づいてトラフィックをルーティングできるようにします。

一言で言えば、Datapathはトラフィックを最適化し、AWSのレイテンシーを削減します。

無料版には以下が含まれます：

• 1つのエラスティックIP。
• 待ち時間の最適化;
• トラフィックモニタリング;
• 1か月あたり500Gbのトラフィック。

データパスは、AWSを使用していて、ネットワーク遅延を最適化し、全体的なコストを削減したい場合に適しています。

オリンピスキスポーツコンプレックスでの大規模なビジネス会議の高品質なオンライン放送を組織するという課題に直面したときに、CDNvideoに連絡しました。 多数のオンライン視聴者を期待し、リスクを最小限に抑えたいと考えていたため、そのようなサービスと高品質の保証を提供した豊富な経験を持つ企業を選択しました。 幸いなことに、私たちは間違っていなかったので、良い選択をしました！ ビデオコンテンツの配信速度、画質、音質は、イベント全体で最高でした。 また、CDNvideoテクニカルサポートの応答性と顧客重視にも注目したいと思います。 リクエストに応じて、文字通りイベントの前日に、プレーヤーのデザインを修正しました。これにより、さまざまなブラウザやモバイルデバイスへの適応性、DVR機能、その他のハイテクなどのすべての利点に加えて、オプション、それはまたサイトの私達の企業スタイルに完全に適合します...

完全に表示

アナスタシアミハルコ

私たちはCDNvideoと6年以上協力してきました（ほとんど会社の設立当初から）。
CDNvideoの助けを借りて、ChansonTVおよびCountryFM TVチャンネルのライブ放送を、当社のWebサイト、モバイルアプリケーション（iOS、Android、Windows Phoneプラットフォーム）、およびスマートTVアプリケーションで放送しています。 TVチャンネルに加えて、CDNvideo RadioRocksを介して放送しています。
2016年の終わりに、CDNvideoは新しいHTML5プレーヤーをリリースしました。 このプレーヤーの助けを借りて、VKontakteソーシャルネットワーク（公式グループで放送されるアプリケーション）でTVチャンネルの放送を開始することができました。

完全に表示

ヴァシリーポキドコ

シャンソンTV /カントリーFM

私たちの問題を解決するために、私たちは可能な限り短い時間で非標準的なソリューションを提供することを恐れない信頼できる長期的なパートナーを必要としていました。 CDNvideoは、これらの要件に完全に準拠しています。 私たちは長期的な協力に自信を持っています。

完全に表示

ATOMI RUS、マーケティングディレクター、Anton Lambrianov

2016年に会社との提携を開始しました。 その瞬間、彼らは私たちを大いに助けてくれました。なぜなら、競争の前夜に、私たちは競争を放送するためのプラットフォームがなかったからです。 そして、当社のウェブサイトhttp://www.russwimming.ruを通じて放送することが必要になりました。 CDNvideoは、すでに会社との協力の豊富な経験を持っている同僚から私たちに勧められました。 評判の良い会社を見つけ、定期的に高品質で途切れることのない放送を得ることが重要でした。
最初の放送を準備する過程で、私たちは迅速で質の高い、しかし同時に、素人にとって非常に理解しやすい相談を受けました。
同社は非常に誠実で、信頼性が高く、積極的でプロフェッショナルです。
最初のプロジェクトで問題が発生しましたが、会社は連絡を取り、エラーを迅速に修正しました。 週末でも困ることはありませんでした。
放送に加えて、ビデオストレージプラットフォームへのアクセスを注文しました。 また、会社の管理が及ばない理由で、ビデオ付きのディスクの転送とポータルへのタイムリーな配置で問題が発生した場合、CDNvideoは状況から抜け出す方法を見つけ、将来的にサービスを使用することを提案しました。プラットフォームでのブロードキャストの自動記録と保存の方法-したがって、追加のアクションを必要とせずに、サーバーでのオンラインブロードキャストの終了直後に完成したファイルを取得します。あとは、サイトにコードを配置するだけです。 すでにCDNvideoサービスを繰り返しビデオ放送の企画に活用しており、さらに実りある協力を計画しております！

完全に表示

アレクサンドラネクラソワ

全ロシア水泳連盟

オンラインゲームの分野で働いており、ゲームコンテンツを迅速かつ効率的に提供する義務があります。 特に、テクニカルサポートの迅速な対応とネットワーク障害の最小数に感謝します。 私たちの協力は2年以上続いており、その間、CDNvideoは信頼できるパートナーであることが示されています。

完全に表示

ある時点で、私たちのサイトのオーディエンスとサイトの負荷が非常に大きくなり、ホスティングプロバイダーがそれに対処するのをやめました。 サイトはフリーズし、サポートサービスは非常に長い遅延で応答し、すべての通信はチケットを介してのみ行われました。 質問への回答は数時間後に届きました。これは私たちにとって非常に重要でした。 その結果、GPUCloud社のサービスを利用することにしました。 まず第一に、テクニカルサポートサービスは非常に心地よい印象を与え、不必要な問題なしにサイトをあるホスティングから別のホスティングに移すのに役立ちました。 現在、サイトは安定して動作し、負荷に完全に対応しています。ご不明な点がございましたら、Telegramで24時間年中無休でサポートサービスをご利用いただけます。 同社の価格政策は、一般的に市場平均とあまり変わらないが、サービスの質は競合他社よりも高いと私たちは考えている。

完全に表示

ナショナルフットボールリーグ

著者から：あなたが長い間開発を続けてきたなら、あなたはスピードがインターネット上で最大の問題であることを知っています。 簡単です。速度が重要であり、速度が速いほど良いのです。 パフォーマンスを向上させる簡単な方法は、CDNを使用することです。 このトピックは、CSS-Tricksサイトで何度か取り上げています。 単純なことは、データベースを書き直してコンテンツを手動で編集する必要がないということですが、私たちの多くはこの領域のパフォーマンスに十分な注意を払っていません。 ホスティング、サーバー、cPanel、なんてことだ！

幸いなことに、CDNの統合はそれほど難しくありません。 理想的には、すべてを設定し、Google PageSpeedなどのサービスがサイトの高性能をラッパで鳴らします。これにより、検索結果が増え、収益が増え、人気が高まり、アイデアが浮かびます。

この記事では、カスタムWebアプリケーションでCDNを設定するプロセスについて説明し、次にCDNを最大限に活用するのに役立ついくつかの秘訣について学習します。 私が言ったように、セットアップは簡単でなければならないので、始めてウェブをより速くしましょう！

CDNをデプロイするための特別なプラグインがあるWordPressのようなCMSで作業する人のためにCDNをセットアップすることは、これから説明するよりもさらに簡単かもしれないことを追加する必要があります。 誰もがこの贅沢を持っているわけではないと仮定しましょう。それでは、より伝統的な方法に移りましょう。

あなたはCDNで私を失いました

CDNとは何か、CDNの目的など、基本的な概念を見ても問題はありません。 これから始めましょう。

JavaScript。 ファストスタート

CDNは、サイトのサーバーから静的ファイルを取得し、それらをサーバーにキャッシュします。 ブラウザがサイトにアクセスすると、静的コンテンツはサイトからではなくCDNを介して読み込まれます。 CDNサーバーは世界中に配置されているため、これははるかに高速です。 CDN自体はプロキシの原則に基づいて機能し、ユーザーに最も近いサーバーを決定します。これにより、より高速で便利なコンテンツ配信が保証されます。 頭字語は、コンテンツ配信ネットワークまたはコンテンツ配信ネットワークの略です。

では、ブラウザは、サイトのサーバーからではなくCDNからファイルをダウンロードするタイミングをどのようにして知るのでしょうか。 静的ファイルのURLは、CDNにつながるように書き換えられます。

たとえば、サブドメインのCDNを設定したいとします。 CSS-Tricksサイトでは、アドレスはcdn.css-tricks.comである可能性があります。 したがって、ファイルへのすべてのリンクはサブドメインに移動します。

大まかに言えば、サイト上のファイルのアドレスは次のとおりです。

http://www.css-tricks.com/image.jpg http://www.css-tricks.com/style.css http://www.css-tricks.com/script.js

http： //www.css-tricks.com/image.jpg http： //www.css-tricks.com/style.css http： //www.css-tricks.com/script.js

...次のようになります：

http://cdn.css-tricks.com/image.jpg http://cdn.css-tricks.com/style.css http://cdn.css-tricks.com/script.js

http： //cdn.css-tricks.com/image.jpg http： //cdn.css-tricks.com/style.css http： //cdn.css-tricks.com/script.js

ブラウザは、サイトのサーバーではなくCDNにリクエストを送信します。これにより、サーバーから負荷の大部分が削除され、サイトが高速化されます。

待って、同じサイトに2台のサーバーがありますか？

これはある程度真実ですが、これは2台のサーバーを管理することを意味するものではありません。

重要なのは、CDNがサーバーとユーザーのブラウザーの間の仮想レイヤーとして使用されるということです。 このレイヤーは、サーバーへのブラウザー要求をキャッチし、サーバーに代わってキャッシュされたファイルでそれらに適切に応答します。

場合によっては、静的ファイルをCDNに直接アップロードして、サーバーの負荷を完全に取り除くことができます。 この記事では、サーバーからCDN静的ファイルを取得してキャッシュするプロセスについて説明します。これにより、ファイルを2つのサーバーにアップロードして、異なるアドレスで作業する必要がなくなります。

カスタムアプリケーションにCDNをインストールする方法

多くのサービスがありますが、AmazonAWSとMaxCDNは他のサービスよりも頻繁に使用されます。 今日はMaxCDNサービスを見ていきます。

ステップ1：CDNを選択し、サイトを登録します

サイトにCDNが必要であると判断した場合は、登録する必要があります。 多くの方法がありますが、それぞれの長所と短所を比較検討しないために（次の記事の良いトピック）、いくつかのサービスを提供します。

登録の主なタスクは、ダウンロード領域を作成することです。 CDNのアップロード領域は、サポートされているすべてのファイルを含むごみ箱と考えることができます。 データは、最初にファイルを要求したときに指定したディレクトリから自動的に取得されます。 ユーザーの場合、ファイルはCDNサブドメインまたはCDNにつながるカスタムドメインのいずれかからダウンロードされます。 指定した期間に達すると、ショッピングカートのデータは自動的に削除されます。

ステップ2：CDNへのURLを作成する

CDN URLは、構成後にすべてのファイルがダウンロードされるURLです。 経験則として、URLに単純な名前を使用すると、ファイルを簡単に検索して、データベース内の既存のすべてのファイルのアドレスを置き換えることができます。

他のサブドメインと同様に、ホストのDNS設定でcnameレコードを指定する必要があります。

ステップ3：ファイルをCDNにプッシュする

CDNアドレスの変数を作成する方法と、それを使用してプログラムで静的リソースをURLの前に挿入する方法を見てみましょう。 必要な理由：（1）マークアップを間違えにくくし、（2）変更する必要のあるURLを操作しやすくします。

これを行うには、静的リソースURLの左側にアタッチするCDNのグローバル変数が必要です。 PHPとJSの両方で変数を作成するので、後で作業しやすくなります。 また、この変数は、必要に応じてCDNを簡単にオフにするのに役立ちます。 アドレスをサーバーに返すには、値を/に置き換える必要があります。

以下の例は単なる例であり、使用しないでください。 実際の使用例は異なる場合があります。