網站提速神器！CDN技術詳解，優化體驗、安全防護，你的流量收割機！
還在為網站流量發愁？CDN是你的流量收割機！看懂CDN是什麼，如何幫你優化網站載入、提升轉化率，打造安全可靠的網路環境，輕鬆吸引用戶停留！
什麼是 CDN: 揭開互聯網高速公路的神秘面紗：內容分發網絡（CDN）指南
那麼，CDN 究竟是什麼呢？簡單地說，它是一個由遍布全球的 伺服器組成的互聯網路。當你使用 CDN 訪問一個網站時，你的請求不僅會轉到網站的主 伺服器，還會轉到離你最近的、擁有你所需內容副本的 CDN 伺服器。這大大縮短了數據傳輸的距離，從而實現**快的載入時間。
你可以這樣想：如果你叫外賣，你會不會更願意讓附近的餐館送外賣，而不是城外的餐館？CDN 的工作原理與此類似，它從離您最近的 伺服器發送內容，確保您獲得流暢、快速的體驗。
但 CDN 提供的不僅僅是速度。它們還有其他優勢
- 提高網站可用性：通過多個 伺服器，如果其中一個 伺服器宕機，其他 伺服器會無縫接替，防止出現中斷，確保您的網站仍可訪問。
- 增強安全性：CDN 通常配備了強大的安全功能，如 DDoS 保護和惡意軟體過濾，可保護您的網站免受攻擊。
- 優化內容交付： 它們可以壓縮圖片、精簡程式碼，並根據用戶位置和網路條件優先交付內容，從而進一步縮短載入時間。
- 促進搜索引擎優化：速度更快的網站在搜索引擎結果中的排名更高，快樂的用戶會在您的網站上花費更多時間，從而對搜索引擎優化產生積極影響。
誰需要 CDN？ 雖然每個人都能從網站性能的提高中獲益，但 CDN 對以下方面尤為重要：
- 電子商務網站： 更快的載入時間可提高轉換率。
- 新聞和媒體網站：快速提供內容，讓用戶參與其中並再次訪問。
- 擁有全球用戶的企業: CDN 可確保每個人，無論身處何地，都能體驗到快速高效的網站。
選擇合適的 CDN： 由於可選項眾多，尋找完美的 CDN 可能會讓人不知所措。請考慮以下因素
- 您網站的流量： 選擇覆蓋目標受眾網路的 CDN。
- 您的預算：有些 CDN 提供免費計劃，有些則根據流量和功能分級定價。
- 您需要的功能：您需要安全功能、高級分析或特定整合嗎？
什麼是 Cloudflare Argo Smart Routing (Cloudflare CDN)
首先我們要了解哪些因素會降低網路效能？
網路延遲
距離是造成延遲的主要原因之一。為了使互聯網發揮作用，電腦、伺服器和路由器需要來回通信，透過綿延數百英里的電纜以電脈衝的形式交換資訊。由於宇宙的物理定律，網路中存在一定程度的延遲——光速是資訊傳播速度的硬性限制。這非常快，但這仍然意味著訊息通過電纜從客戶端傳輸到伺服器並返回需要幾毫秒到近一秒的時間（請參閱什麼是延遲？）。
網站運作緩慢
由於多種原因，網站可能會很慢。必須載入一個或多個大型 CSS 檔案、高畫質圖像或多個 JavaScript 檔案才能正常運作的網站可能需要很長時間才能呈現。此外，網站託管位置也會影響網站速度，尤其是在不使用CDN 的情況下；在多倫多託管的網站可能對多倫多用戶來說加載得很好，但在休斯頓則需要很長時間才能加載。網站速度測試可以幫助開發人員確定他們的網站效能如何以及效率低下的地方。
網路攻擊
惡意活動通常會阻礙網路速度。例如，對網站的 DDoS 攻擊可能會顯著降低網站的效能或使網站完全崩潰。
網路壅塞
在任何給定時間可以透過網路傳輸的資料量是有限的；可以通過的最大量稱為頻寬。當傳入網路流量超過網路上某一點的頻寬時，無論是在Internet 交換點 (IXP)、資料中心或私人住宅的路由器LAN
網路擁塞可能僅限於某個地理區域，可能會影響整個 ISP 的網絡，或者可能發生在家庭內部（例如，如果多人同時嘗試串流高清視訊）。
客戶端設備上的問題
多種情況可能會導致網站和 Web 應用程式在使用者裝置（客戶端-伺服器模型中的「客戶端」 ）上表現不佳。例如：
- 開啟的瀏覽器標籤或裝置上執行的進程過多可能會降低瀏覽器效能。
- 由於硬體問題或惡意軟體感染，設備本身可能運作緩慢。
- 瀏覽器中運行的擴充功能和插件過多也會降低網頁速度。
DNS 如何影響網路速度？
網域名稱系統 (DNS)會將網域名稱對應或「解析」為IP 位址，由於必須在瀏覽器導航至並顯示網站之前完成此操作，因此 DNS 解析會影響網站的載入速度。對於大多數消費者來說，他們的 ISP（網際網路服務供應商）預設分配 DNS 解析器，如果 ISP 的 DNS 伺服器運作緩慢，則會降低該 ISP 用戶的網路速度。
用戶還可以使用 ISP 以外的 DNS 解析器，儘管許多用戶不知道此選項。1.1.1.1是目前最快的 DNS 解析器，旨在減少這些延遲。通常，1.1.1.1 在大約 10-20 毫秒內響應；其他解析器可能需要 100 毫秒以上。
CDN 如何加速網路？
CDN（內容交付網路）大大減少了網路延遲。CDN 將內容緩存在世界各地的伺服器中，這樣就不必傳輸很遠的距離才能到達最終用戶。這可以減少網路延遲並加快使用 CDN 的網站速度。一些 CDN 還執行負載平衡，這有助於防止網路擁塞。Cloudflare CDN 在全球 200 個城市設有資料中心。這有助於使網路內容更貼近用戶並提高網站效能。
開發人員如何提升頁面速度？
網站速度對於提高網路速度至關重要。開發人員可以透過優化圖像、盡可能保持程式碼短以及通常保持頁面檔案大小盡可能小來保持頁面快速。他們還可以最後載入渲染阻塞資源*，這實際上並不會使網頁載入速度更快，但確實允許瀏覽器更快地渲染使用者看到的內容。
決定網站效能的因素有很多：伺服器容量、與使用者的距離、伺服器快取的使用、資料庫快取、CDN、壓縮、網路路由以及所執行程式碼的清潔度。Google 在 AMP 上的新舉措和 Facebook 的 Instant Article 技術實際上就是解決上述所有問題的方法。AMP 正在強制 HTML 和 Javascript 的程式碼清潔：僅此一項就可以消除不再允許發布的編寫不良的程式碼的嚴重膨脹。谷歌不會接受，所以它強迫程式設計師編寫乾淨的程式碼。
Cloudflare Argo 是一款解決網路路由和快取問題的新產品。
Cloudflare 聲稱 Argo 可以增加伺服器的快取內容量，從而將更多資產轉移到距離用戶一個街區之外，而無需長途跋涉。Clouflare 在一篇部落格文章中宣布了 Argo，並做了一個描述性的類比：Argo 是互聯網的 Waze。
如何改善網路路由並減少網路擁塞？
在各大城市，交通壅塞是司空見慣的事。為了避開擁擠和惡劣的路況，一些駕駛選擇使用 Google Map ，這些應用程式可以將他們重新安排到不太擁擠的街道上。網路路由就像許多駕駛者的通勤路線一樣，將網路流量轉送到兩點之間的最短距離。但實際上，這並不總是最快的路線。主要的互聯網路由協定BGP可以有效地保持互聯網基礎設施的全球連接，但在流量級別方面並不「智慧」—它無法根據流量和/或網路擁塞選擇不同的路由。BGP 對於網際網路的一般運作至關重要。接下來需要的是 BGP 之上的智慧層。
Argo 智慧路由就是執行此操作的服務的一個範例。改進互聯網路由，以便可以根據這些因素重新路由網路流量，從而使互聯網整體速度更快。Argo 建立在 BGP 出色的彈性之上，並處理繞過擁塞路徑的實際問題。
投資 CDN 是對網站成功的投資。 CDN 可提升速度、安全性和用戶體驗，最終提高參與度、轉化率和網站整體性能。通過了解 CDN 的工作原理並根據自己的需求選擇合適的 CDN，您可以確保您的網站始終擁有新鮮的內容，並隨時為每一位訪問者提供愉悅的體驗。
定價
Cloudflare 方案從免費到每月 20 美元的專業版、每月 200 美元的商業版和每月 5000 美元的企業版。分級定價使 Pro 計劃的成本增量較小，從 Pro 計劃到 Business 計劃增加 10 倍，從 Business 計劃到 Enterprise 增加 25 倍。SSL、頁面規則和 Argo 等一些功能可以單獨購買。我最初詢問 Cloudflare 支援是否可以對 Argo 進行限時試用來測試效能優勢，但今天沒有試用。
我們對 Argo 在我們的案例中代表的增量成本進行了粗略計算。該網站每月提供 1.3TB 的流量來運行包含大量圖像的美食部落格。其中 1.3TB。1TB 是靜態資產，圖像已快取在使用者附近的 Cloudflare 資料中心中，以及大約 300GB 需要從來源伺服器傳輸的未快取內容。
- Pro 方案的基本費用：20 美元
- Argo 每月固定費用：5 美元
- Argo 每 GB 成本估計：0.10 美元 = 130 美元
- 啟用 Argo 的 Pro 方案的新估計每月費用：20 美元 + 5 美元 + 130 美元 = 155 美元
性能/速度指標
接下來的部分提供了我們過去 10 天看到的數據點。我們在5 月21 日（星期日）晚上打開了Argo，並在今天（5 月31 日）運行了它。作為背景，我們提供了可追溯到1 月1 日的數據，以了解每日波動和平均值。我們共享伺服器回應時間、DOM 載入和跳出率。
我們的團隊不使用總頁面載入時間，因為它主要取決於廣告載入來完成，這些廣告在我們的網域之外運行，除了保留或刪除廣告之外，並不代表「可操作」的網站效能。在與 Cloudflare 支援人員討論時，他們提到他們的內部指標顯示我們的網站成長了 32%。他們也提到這個數字非常接近伺服器回應時間。
伺服器回應時間
一月份，您可以看到，隨著我們升級來源伺服器，回應時間顯著縮短。一個月後，我們打開了 SSL，儘管現在從快速來源伺服器運行 HTTP2，但它產生了意想不到的結果，即回應時間稍微縮短了。對於平均值，我們使用 3 月和 4 月的基線：420 毫秒。使用 Argo：280 毫秒。
Argo 的伺服器回應時間改善：(280-420)/420 = 33%。這非常接近 Cloudflare 32% 改進的內部指標。
DOM 載入時間
當網頁從來源伺服器載入大部分內容供最終使用者查看時，我們使用 DOM 載入作為代理。DOM 載入時間不包括廣告請求等外部調用，但包括一些外部依賴項（例如相關帖子），在我們的範例中是從 JetPack 的伺服器載入。這意味著 Argo 無法幫助提高 JetPack 的速度，因此該指標可能包括需要在 Argo 之外進行調整的元件。5 月 14 日至 20 日，沒有 Argo 的 DOM 內容載入時間基準：3.68 秒。5 月 21 日至 27 日，Argo：3.71 秒。該指標每週都在變化，似乎不受 Argo 的影響，可能是出於上述原因。
跳出率
由於我們沒有詳細監控連線逾時或與潛在更快載入的實際使用者體驗相關的其他指標，因此我們可以查看跳出率。谷歌和其他效能供應商經常指出，用戶等待內容載入的每一秒都會增加用戶離開頁面的可能性。雖然它具有直觀意義，但很難衡量每秒對使用者體驗的影響有多大。此外，跳出率因流量來源而異，因此以下是自然流量的每週跳出率：
- 5 月 14 日至 20 日，無 Argo：79.50%
- 然後，5 月 21 日至 27 日，Argo：78.15%
- 最後，5 月 28 日至 30 日 Argo：79.30%（部分週）
進行為期 10 天的實驗面臨的部分挑戰是它會受到波動的影響。即使過去幾天的跳出率回到了開啟 Argo 之前的一周，也可能會帶來一些好處。如果確實歸功於 Argo，那麼 1% 到 1.5% 的跳出率降低將是有意義的。
背景: Cloudflare + Tenten
在 Tenten，我們的重點始終是確保為客戶提供最快、最有價值的託管服務。因為我們知道，雖然網站載入時間極為重要，但為客戶創建具有成本效益的解決方案以便他們進一步提高利潤對我們來說也極為重要。
幾年前，考慮到對速度的需求，我們導入了 Cloudflare CDN 服務與 Wordpress CDN 插件，替我們的 Webflow, Shopify, Wordpress 客戶提供絕佳的瀏覽體驗與全球化的速度。價格為 30 美元/網域。對於我們的大多數客戶來說，這是一個理想的解決方案，以具有成本效益的價格提供了一些關鍵的 CDN 功能。該附加元件的成功顯而易見，幾乎我們有全球銷售需求的 B2B 客戶都會啟動 CDN。
然而，隨著 Tenten 的不斷發展，我們的客戶需要越來越快的網站來與市場上的競爭對手競爭。
Cloudflare Argo CDN 常見問題
對於只有當地的流量網站來說，Argo 絕對不值得。
對於本地流量，DNS 延遲通常為 40-100 毫秒，對於遠端流量，DNS 延遲通常為 200-500 毫秒。如果您的總頁面載入時間為 1 秒，而您只縮短了 15-25 毫秒，那麼這並不是一個明顯的差異。
對於全球的流量來說，Argo 理論上是值得的。
如果遠方訪客的 DNS 延遲為 600 毫秒，然後將其減少 35-50%，是的，這是一個巨大的差異，在我看來是值得的。200-300 毫秒在桌面上有明顯的差異，在行動裝置上則更大。
- 如果您的網站總載入時間為 1 秒，而您將其減少 300 毫秒，則差異很大。
- 但是，如果您的網站載入時間為 5 秒，而您僅將其減少 300 毫秒，那麼這還不夠，而且可能不是您應該尋求最佳化的地方。
剩下的唯一問題是成本。如果 Argo 每月花費您 100 美元，但您的銷售額至少增加了這麼多，那麼這是值得的。