Last Updated on 12 8 月, 2021 by chris@sanyabin.com

你有沒有遇過網站卡卡，或是載入緩慢的情況? 如果有，那應該要了解一下CDN會為你帶來什麼好處。

Cloudflare CDN 目前是很多大公司用來提升網站的效能和安全的技術，也有推出免費的版本，所以如果你也想要提升網站的安全和速度，後面會帶著大家認識CDN及Cloudflare DNS教學設定。

CDN是什麼?

CDN介紹

CDN 全名是Content Delivery Network，中文翻成「內容傳遞網路」。資料中心為了把各種形式的內容(靜態數據)傳輸給使用者，會透過地理上最靠近每位使用者的伺服器傳輸，大幅減少傳遞的延遲。

這邊可以大略抓出幾個重點:

• 各種形式的內容:

網站所有內容 (靜態數據) 會透過CDN技術存起來，再把這些存取的資料傳到具有這項技術的託管商(例如:Cloudflare、Kinsta)，再透過他們全球的分點提供內容給使用者。

但有時內容在移動過程中，沒有被Google索引到，這時就需要退回到使用原來的網域去讓Google索引，而不是用CDN。

• 地理上最靠近:

還記得你當時購買主機需要選擇地理上的位置嗎?這個主機可能會在世界上任何地方，當使用者瀏覽你的網站時，就會從主機的位置提供你網站的內容給使用者。

以我使用的Cloudways Linode主機為例，因為我的網站主要是服務台灣區域，所以我選擇離台灣比較近的【Tokyo】，因為我希望可以讓網站速度快一點。

可以回顧一下這篇也有提到: Cloudways架設WordPress教學

• 傳遞延遲:

這個很好理解，就是當你進到一個網站的時候，網站需要時間把內容呈現給你看，雖然都是幾秒的時間，但會大大影響使用者的體驗。

可以直接想成，網站速度越慢，使用者數量越少，使用者當然可以選擇其他載入速度快的網站。

CDN的技術原理也不僅限於上面這些，接著我會跟你介紹一下CDN是怎麼運作的，讓你更了解這項技術，以及對你的Wordpress網站有什麼潛在的好處。

CDN運作原理?

基本上架設網站需要的是網域和主機，選擇主機商的同時就會選擇要承租主機的地區，而CDN是完全獨立於這兩種架站的技術，它主要是提高網站的速度和安全，一種讓網站優化的選擇。

舉例來說，當使用任一主機商架設網站時，必須選擇一個地理位置(存放資料的地方)，假設你選擇美國作為存放資料的位置，當台灣的使用者瀏覽你的網站時，需要大老遠從美國，把你網站的資料傳輸到台灣的使用者，呈現在他們面前。

而雖然可以這麼做，但很浪費時間!

所以如果CDN服務商有據點在台灣任一地區，我們只要讓我們的網站設定到那間服務商即可，讓台灣使用者直接從台灣拿資料!

如果你是經營一個購物網站，消費者想要買你網站的東西，但因為沒有注意到自己存放的位置在美國，使付費過程延遲，消費者也會減少購買欲望，這樣一來損失的除了時間，還有金錢。

為了不要讓網站延遲，讓使用者感受很差，當然要選近一點，所以主機商基本上都可以選擇地點，所以如果有CDN的服務商據點比當初主機商的地點更近，那會是個不錯的選擇。

誰提供CDN?

現在有提供CDN的服務商，很多都有提供免費版本的CDN，可以試試看哪一種比較適合自己的網站，本篇會介紹並使用Cloudflare，比較知名有提供CDN的服務商:

• Cloudflare
• KeyCDN
• CDN77
• Incapsula
• Akamai
• Fastly
• Amazon CloudFront
• StackPath (Previously MaxCDN)

另外比較精確分類CDN的方式分為兩種:

• 傳統CDN(又稱拉式CDN)

• 反向代理CDN:

這邊我講反向代理CDN就好，Cloudflare屬於這種。

簡單地說，當使用者瀏覽網站時，會發出一個請求，這個請求會被這個反向代理的CDN攔截，當作使用者和主機的中間橋梁。

而反向代理CDN會把原先暫存的資料直接回傳給使用者，不用再跑到很遠的主機抓資料了。

所以，DNS需要設定到反向代理CDN服務商，也就是DNS設定成Cloudflare的，因為Cloudflare的DNS和Godaddy的DNS都是免費的，這篇文章後面也會教大家如何從Godaddy轉移到Cloudflare。

【延伸閱讀】: 反向代理是什麼?

Cloudflare是什麼?

Cloudflare是一間位於美國舊金山的跨國科技企業，在紐約證券交易所掛牌上市(代號: NET)，以CDN產品聞名。還提供DNS服務、影音媒體、資訊安全、網域註冊等服務，也受到許多大公司、公益團體、政府機關等單位採用服務。

下面是Cloudflare官方相關業務的影片介紹 (可以開啟中文字幕):

Cloudflare CDN對你有什麼好處?

• 提高效能:

Cloudflare據點多、先把資料暫存等特性，讓使用者可以直接從離自己最近的據點抓取資料。

• 強化安全性:

提供防火牆、新型 TLS/SSL 憑證、DDoS 防護、控制訪問、隱藏式IP設定等，都讓網站更安全。

• 降低頻寬成本:

頻寬成本是透過傳輸數據所產生的費用，你可以把頻寬成本想成是「過路費」，因為CDN可以先暫存資料，只要從最近的據點發送就好了，就不用每次都要從原始服務商發送，不僅降低流量所帶來的費用，載入速度也加快，也可以參考:官方說明。

• 多據點分擔:

如果流量突然暴衝，可能會讓網站無法負荷，CDN因為有許多據點，會先分送流量到另一台服務器 ，避免網站故障。

• 免費版本:

Cloudflare有提供免費版(不是試用期)，基本的功能就可以提高安全和效能，不過一些好用的功能還是需要付費。

• 服務廣泛:

目前全球使用Cloudflare有4萬間以上的公司，也包含一些知名的公司，像是Udemy、Medium、Tinder、DigitalOcean、Typeform等公司，Cloudflare 的服務據點目前也超過100個國家、200座城市，而台北也有Cloudflare的據點。

【如果覺得文章對你有幫助，請幫我拍5下小手鼓勵我~只要登入臉書或Google帳號都可以，不需要任何費用就能支持我繼續創作! 感謝大家!】

啟用Cloudflare

Cloudflare DNS教學(註冊Cloudflare)

步驟 1

首先，需要先開啟Cloudflare的首頁註冊，然後點右上角【註冊】。

步驟 2

接著就直接輸入自己的Email、設定密碼，然後【建立帳戶】。

步驟 3

之後會傳一封驗證信件到剛剛設定的Email，點擊連結激活Cloudflare帳號。

步驟 4

然後，會跳出這個畫面，然後點選【繼續前往儀表板】。

步驟 5

這時候會在Cloudflare頁面，因為都還沒有設定網站，所以這時候點擊【新增網站】新增要轉移的網站。

步驟 6

接著會跳轉到需要輸入網站的畫面，把當時購買的網域填進去就好。

注意: 不用加 http 或 https 。

步驟 7

填好了就【新增網站】。

步驟 8

這時候會進到Cloudflare一個方案選購的頁面，每一種方案都有不同功能，可以依照自己需求選購，不過因為免費版功能已足夠，所以這邊我選最下面那一欄免費版的方案，選好就點【繼續】。

步驟 9

讓它跑一下，會跳到這個畫面，表示它已經從原有的網域讀取到你網站的DNS紀錄。

步驟 10

這邊是要確認DNS紀錄有沒有正確，基本上不會有問題，如果有問題修改到正確的就好了，沒問題就點最下面【繼續】。

步驟 11

同樣在Cloudflare網頁，會跳到這個頁面，這時候它已經讀取到我的網域是Godaddy，並且有一些指示，照著做就行了。

指示要我到Godaddy帳戶去更改叫做「名稱伺服器」的東西，英文叫做”Nameserver”，先在這邊點選2行英數字複製起來。

注意: 先不要點最下面完成哦! 頁面先放著不要關掉，先到Godaddy帳戶更改。

Cloudflare DNS教學(從Godaddy DNS移轉)

步驟 12

到Godaddy帳戶，點選【DNS】後，往下可以看到有個「網域名稱伺服器」的欄位，很順利地直接找到要我們更改的欄位。

可以看到本來已經有2行英數字在那邊了，這2行就是要更改掉的Nameserver，接著點選【變更】。

步驟 13

同樣在Godaddy頁面，會跳出這個畫面，接著往下滑手動輸入Cloudflare的2行Nameserver英數字。

步驟 14

然後把步驟11在Cloudflare複製的英數字貼過來Godaddy這邊，好了就點右下角【儲存】。

步驟 15

這時候Godaddy會跳出一段訊息提醒要變更了，同意變更後就點【繼續】。

步驟 16

然後會有一行提醒你會寄一封Email到信箱裡，確認是本人操作的而已，可以先忽略它。

步驟 17

過一下，Godaddy就會顯示這行中文，說明剛剛更改的DNS紀錄已經從Godaddy移除了，現在要回到 在Cloudflare 去確認有沒有轉移到那邊。

步驟 18

回到Cloudflare頁面按下【完成，請檢查名稱伺服器】。

步驟 19

這時候要等一下，信箱會收到一封Email，是DNS紀錄成功轉移到Cloudflare的通知信，表示轉移成功!

設定Cloudflare

步驟 20

然後回到Cloudflare頁面，網域出現綠色勾勾表示成功，接著就點進去設定。

步驟 21

可以看到Cloudflare免費版的功能已經啟用成功，所有Cloudflare免費版的功能都啟動了!

步驟 22

接著要設定基本的操作，先點選最上面按鈕【SSL/TLS】，在【概觀】頁籤選擇【完整(嚴格)】，這樣就可以確保網站會被加密驗證，增加安全性。

注意:如果這邊設定有問題，先退回設定【彈性】，過一段時間再回來設定【完整(嚴格)】。

步驟 23

然後回到上面按鈕【Speed】，可以看到網站因為轉移到Cloudflare而加速! 這樣就成功讓我們的網站提高安全和效能了。

注意: 之後如果要更改DNS紀錄就到Cloudflare更改，不要回到原來網域(Godaddy)更改。

總結

目前已經有很多大公司採用Cloudflare，服務的特色是強大的CDN、DDOS防護、WAF防火牆等功能。

不僅提供的免費版本功能很足夠、介面容易操作，也能輕易提升網站的效能和安全優化，很適合想要優化網站效能的站長。

如果你是剛開始架設網站的新手，直接使用Cloudflare也是不錯的選擇。

---

你也許想探索…

#架站資源

【實用教學】3階段完成 Cloudways 架設 WordPress 網站 | 不需要任何程式背景也能上手的推薦主機!

【推薦】架站免費好用設定Cloudflare DNS教學，馬上提高資安與效能!

#商業分析

【超詳細】商業模式圖總整理 | 1個案分析+3個免費工具+9使用心法大公開!

#線上課程

【2021 股票投資課程攻略】 4大線上課程平台比較，股票學習從這裡開始!

如果對文章內容有任何問題，或是其他想法建議，歡迎在底下留言討論。

【如果覺得文章對你有幫助，請幫我拍5下小手~登入臉書或Google帳號都可以，不需要任何費用就能支持鼓勵我! 感謝大家!】