数年ぶりの安堵、あるブランドに出会いました気づいたら珍しいECサイトを発見。 サイトの写真が急いでロードされないことに気付きました。 ページを更新して、イベントについて再試行しました。 最後に、10 秒後に、レンダリングされた Web ページと写真を表示する準備が整いました。
完全なロットの前に、私の Web 接続は落胆していたと思いますが、ダウンロードの忙しさを見つけることは実際には十分でした. Youtube の動画を HD で正しく認識できるようになりました。 これは、電子商取引サイトが急いで写真をロードする準備ができていない理由を理解したいという私の好奇心を刺激しました.
珍しいエンジニア インテリアの私は、サイトののんびりした効率の原因を分析することにしました。 私は慌てて Google の開発者ツールを開き、予測のために Networking タブに移動しました。 Stack Overflow の投稿について行った後、結論は、場所が消費されていないということでした 材料の供給ネットワークについて説明します (CDN).
この記事では、CDN
とは何か、それが望まれる理由、およびそれは働いています。 さらに、ウェブサイトが CDN を利用して再集計の配送を盛んにする方法を模索する立場にあります.
このサイトの効率の悪さは、私に実際の第一印象を与えるものではありませんでした。 そして、そのゆったりとした効率のおかげで、私はサイトに1回おきにストアを取得したことはありません.
現在の世界では、地域の効率が最も重要です。 サイトの読み込み中にダウンタイムや速度低下が発生した場合、顧客を保護することは困難です。 ここはすべての企業に当てはまります。 多くのウェブサイトは、ライバルが彼らよりも早くウェブページを配信したため、店舗を閉鎖しなければなりませんでした.
Explain material Supply Network (CDN) とは何かという事実に入る前に、私たちは基礎を一新する立場にあります。 私たちのデバイスでウェブページがどのように表示されるかを考えてみましょう.
- ザ・クライアント
- (モバイルアプリ/ブラウザ) ) は
- ザ・ Server
- は、要求、チェックと検証の実行、データベースからのデータのフェッチ、手間のかかるディスクまたはブロブ ストレージ。 さらに、応答を構築します。
Client
- が応答を読み取ります。 応答は絶え間なく
- 最後に、
- HTML
HTML ページには、写真、GIF、動画、その他のコンテンツが含まれている可能性があります。 したがって、ドキュメントとともに、クライアントはこのデータを提示する追加の責任を負います.
クライアントはまた、Javascript ファイルがページを動的に印象づけることを望んでいます。 さらに、Web ページのスタイルを設定するための CSS ファイルが必要です。 開発者ツールの [Networking] タブで、下の画像に示す別の選択肢を探す可能性があります.
Developer Instruments の Networking タブ )
ご決済の場合
JS
- オプションとして、Javascript ファイルの完全な要求と応答を認識するように努めます。 CSS に類似した他の種類にも同等のことが適用されます。 ,
Img
,
Doc
- 、その他を読み込みます。
Web Web ページのリカウントは、静的と動的の 2 種類に分類できます。
静的
再カウントが慣習的に取引されない場合、静的になります。 通常、写真、Javascript、および CSS ファイルは慣習的に取引されません。
さらに、これらのファイル コマースにもかかわらず、顧客に不適切なデータを示すことはありませんでした。 ファイルの機能強化の場合、最も便利な人の能力またはサイトの表示と感触が商売になります.
場合によっては、そのようなファイルは、サーバー。 言い換えれば、Web サーバーは、面倒なディスクからこれらのファイルを抽出し、それを消費者に送ります。 多くの場合、これらのファイルは S3 と同様の Blob Storage、Azure Blob Storage に保持され、他のファイルを読み込みます。
静的データのサイズはおそらくまた、KB、MB、GB のいずれかになります。 フィルム ファイルはサイズがカラフルで、貴重な帯域幅を消費します。
動的
絶え間なく調整される事実は動的です。 例:- Youtube で動画を視聴している視聴者の選択。 ソーシャル メディアのウェブサイトでのフィードバック、いいね、または共有。
通常、サーバーは動的データをデータベースに保存します。 消費ケースに依存すると、
- SQL
- は、データのシリアル化のためのパスです.
Jsonデータは動的データです 動的データのサイズは、静的データと比較して非常に大きく、動画、映画、または写真を大切にします. その数KBの現在です。 サーバーは、Redis に似た外部キャッシュ、または効率のために MemCached でこのデータを販売する可能性が高くなります。
レイテンシー
- 待ち時間は、領域が完全なデータを完全にレンダリングするのにかかる時間です。 待ち時間が長くなった場合、顧客は通常の時間を超えて待つことを楽しみます。 より多くの顧客が待つことを楽しんでいるほど、コンバージョン率が低下する可能性ははるかに低くなります.
- レイテンシーは複数のコンポーネントに依存します。 次の内容が含まれます:-
- 人とサーバーの距離
- サーバーの処理時間
でページをレンダリングする Web サイト待ち時間が短いほど、パフォーマンスが向上します。 これらのウェブサイトは、数ミリ秒以内にページを表示します.
データベースからデータを取得するのにかかった時間
可用性
サイトのサーバーがクラッシュした場合、消費者は検索ページを認識する準備ができていません。 サーバーは、負荷の増加に対処する準備が整っている可能性があります.
サイトがスケーラブルでない場合、サーバーの処理時間が遅延し、遅延が発生します。 今の世の中、ダウンタイムは許されません
ためにウェブサイトが世界である理由は、24*7*365 競争することが期待されているからです。 ユーザーは、映画の概要を確認し、オンラインで保存し、仲間にメッセージを送信し、他のユーザーをシームレスにロードする必要があります.
痛み
ブランドの珍しいインスタントビデオアプリを始めていることを伝えましょう TikTok。 サイトのメイン バージョンに影響を与え、米国ロサンゼルスに展開します。 私たちのサイトは世界中からアクセス可能で、ゆっくりと注目を集め始めています.
ヨーロッパ、ハートイースト、インドからのサイトトラフィックを受信していることを精査しています。 サイトのトラフィックが増加するため、水平方向にスケーリングし、サーバーを追加します。 反対に、インドの顧客は、イベントの読み込み時間が長いことを不満に思っています。 米国のユーザーは、同等の開示に直面していません。 なぜこのようなことが起こるのでしょうか?
消費者間の距離そしてサーバー
上記のように、サーバーを米国のロサンゼルスに展開して楽しんでいます。 インドの顧客の場合、ネットワーク パケットは、米国の顧客と比較して長い距離をトリップする必要があります。 ギャップが余分にあるため、かかる時間は比例して余分になります。 米国でデータを取得するのにかかる時間が 5 ミリ秒の場合、35 ミリ秒かかる可能性があります (距離は 7x )インドのお客様向け
ヨーロッパのお客様も同様です。 EU でのサイトの読み込み時間は、米国での負担時間よりも長くなります。 3.5x
.に抑えられます。
さらに、当社のサーバー上の動画ファイルは、慣習的に取引されていません。 ビデオがバイラルになった場合、世界中の顧客が同等のビデオ ファイルにアクセスします。 動画ファイルのサイズが大きくなると、ネットワーク帯域がボトルネックに変わりますので、難易度が遅くなります.
サーバーのファイルにアクセスできる世界中の購入者解決
上記の開示は、消費者とサーバーの間のギャップを突き刺す場合に解決されます。 また、動画ファイルは通常取引されないため、キャッシング メカニズムを利用できます。
キャッシュによって、サーバーからファイルをリクエストし、その後のリクエストがキャッシュによって処理されます。 これにより、サーバーの全体的な負荷が軽減される可能性があります.
材料サプライ ネットワーク (CDN) がこのソリューションを適用し、ウェブサイトの再集計の出荷を急いでいると説明してください。 私たちの主要な Web サーバーは、Origin サーバーであるため、間違いなく参照されます。 CDN は、地理的に分配される可能性のあるサーバーの近隣で構成されます。 これらのサーバーは、常に Point of Presence (POP) サーバーと呼ばれています。 また、POP サーバーが最新の場所は、エッジの場所として知られています
CDNサーバーはアメリカ南部とアフリカに設置されています. POP サーバーは、地理的に同じ家に住む顧客の再集計を行います。 例: – ヨーロッパの POP サーバーは、ヨーロッパの顧客にデータを提供します。 インドの顧客は、インドに配置された POP サーバーからサービスを受ける可能性があります。
- 類推
出金のインスタンスを消費してみましょう金融機関からの現金。 ATM マシンがなかったら、場所を取って何を楽しむことができたでしょうか。 ATM 機がなければ、銀行の外に長い列ができていたでしょう。 お金を稼ぐのに長い時間がかかったかもしれません。 おまけに、金融機関の休日には、人々は現金を柔軟に引き出すことができませんでした.
- 地下鉄の駅、飲食エリア、空港、その他の荷物に似たさまざまなエリアにあるATMマシンは、長い行列がもはや作られないことを保証します銀行。 他の人々は都合の良いときにお金を引き出すことができます。 さらに、人々は銀行に行くよりも適度に最寄りのATMに船で行くことができます(距離は余分になる可能性が高くなります).
- あなたはおそらくBanks
as Origin server
およびATM
CDN
。 CDN は、その人の家に閉じこもっています。 それらは地理的に支払われ、Origin サーバーに負担をかけます。 さらに、静的な再集計のためにサイト トラフィックを使用することで、サイトの可用性を高めます。 - 以下の計画は、ブラウザに領域をロードした場合に何が起こるかの高レベルの作業を示しています:-
取得中CDNサーバーから再集計
- ブラウザは IP タックル検索のリクエストを DNS に送信します。
DNS サーバーは、最も近い CDN サーバーのタックルで応答します。
- ブラウザは CDN サーバー (POP) にリクエストを送信して、
CDN サーバーは、ファクト (画像、js、css、ビデオ、その他の読み込み) が存在するかどうかを確認します。キャッシュです
- 事実が存在しない場合、POP サーバーはオリジン サーバーにリクエストを送信して、再集計を取得します。
その後、POP サーバーは再集計を小売りし、事実の救済をその人に送信します.
CDN のお客様はおそらく e もまたまたスペース TTL (Time to Are Residing) が再カウントされます。 例:- 画像ファイルの 15 分の TTL。 CDNサーバーは有効期限が切れるまで同等のデータをお客様に送信します.
CDN サーバーが再カウントを検出すると、パスすると、オリジンサーバーから再フェッチされる可能性があります.
購入者は、CDN からオリジン サーバーよりも適度に静的データ (写真、動画、その他の読み込み) を取得します。 CDN サーバーは地理的に顧客の近くに配置されています。 ギャップが減少するため、事実を導き出す時間も短縮されます。 これは最終的に、サイトの読み込み時間の貴重な強化につながります.
直送
- クリス・リベラニ
- の上
Unsplash
ロード時間が早いWebサイトは、人の能力を高めます。 ユーザーは、おそらく効率的でパフォーマンスの高い製品に特に傾倒しています。 例:- Google Chrome からファイルへのスーパーハイウェイ エクスプローラーの概要。
- 可用性
- CDN サーバーは、サイトの負荷の多くを消費します。 CDN サーバーは大切なキャッシュとして機能するため、オリジン サーバーはサイト トラフィックのスパイクから保護されます。 Originサーバーが提供する負荷がはるかに少ないため、このサーバーがダウンする可能性ははるかに低くなります.
- 一般提供サイトの改善。 地域的なサイト トラフィックのスパイクが発生した場合、それぞれの地域の CDN サーバーがスケールし、負荷の増加に対処します。
- 帯域幅
- ウェブサイトの主な費用は、帯域幅の消費の支払いです。 CDN がサイトのトラフィックを処理するため、Origin サーバーが提示する事実が大幅に割引される可能性があります。 これは、サイトの世帯主の帯域幅の支払いを下げるのに役立ちます.
- 材料供給の説明ネットワークは、サイトのリカウントの発送を加速するために、地理的に顧客に近い場所に配置される可能性のあるサーバーのローカルで構成されています.
- ブラウザまたはモバイル アプリは、オリジン サーバーよりも適度に CDN からの静的データを要求します。
- CDN は、オリジン サーバーからファクトを取得し、それをキャッシュします。 次のリクエストは CDN サーバーから提供されます。
- CDN の主な利点は、サイトの効率の向上、帯域幅消費コストの割引、およびサイトの可用性の向上です。
Explain material Supply Networkとは
?
- CDN とは何ですか? CDN の機能を停止するにはどうすればよいですか?
である可能性が高くなります。 または
- NoSQL
- 。 リクエストごとに、サーバーはこのデータを照会し、レスポンスで救済を渡します。 多くの場合、
- JSON
- オプションとして、Javascript ファイルの完全な要求と応答を認識するように努めます。 CSS に類似した他の種類にも同等のことが適用されます。 ,
- のページをお客様に公開します。
HTML
- 消費者に安心を与えるページ。
- 最後に、
HTTP
を送信します
- Web サーバー
へのリクエスト. - ザ・ Server