Cloudflare CDN DNS 完整設定教學

歐美虛擬主機服務商因為同業競爭激烈,各家的主機價格沒有最低只有更低,便宜的價格當然對消費者有利,因此這也造就絕大多數的台灣網站,清一色幾乎都是租用國外的虛擬主機。

但是租用的虛擬主機在歐美,可是網站主要使用者卻是在台灣,這會造成台灣使用者點擊網站連結時,從搜尋引擎跳轉到網頁的載入時間過長,這一點對於網站而言其實是不利的,因為會間接導致使用者跳出率變高,從而導致網站 SEO 不佳。

為了解決這個問題,你需要使用 CDN 服務改善使用者的網站載入速度,這樣就不用擔心主機在國外而讓台灣使用者有不好的使用體驗。

市面上有許多提供 CDN 服務的公司,免費和付費的 CDN 都有,而其中最有名的 CDN 服務商當屬 CloudFlare,如果你想了解更多 CDN 服務商可以參考這篇文章

本篇文章將逐步教你設定 CloudFlare,讓你的網站能夠順利啟動 CDN 功能,使你的網站載入延遲降低,變成更讓使用者喜歡的好網站。

CloudFlare介紹

CloudFlare 這家公司在2009年於美國加州成立,並且從一開始就以提供 CDN 的服務為主,它有免費版和付費版的服務,對於一般的網站擁有者而言,免費版的服務就非常夠用。

它為網站提供安全防護和載入速度優化的功能,整體設定方法非常簡單,等一下你只需要照著下面的設定教學就能輕鬆完成,當 CloudFlare CDN 功能啟動後,你應該不久就會注意到網站載入速度有顯著提升。

CloudFlare 最棒的一點就是免費版沒有流量和頻寬限制,並且在全球115個地方設有數據中心,而距離台灣最近的數據中心是香港。

因此如果是台灣網友要瀏覽你的網站,他的瀏覽器會先發送請求到香港的 Cloudflare 伺服器,當伺服器收到請求後就會回傳資料給使用者,並讓他能夠載入你的網站,而 CloudFlare 其實就只做一件事,就是把你網站上的 HTML 程式碼暫存在它的伺服器上。

順帶一提,CloudFlare 還提供基本的 DDoS 防護,因為你的虛擬主機 IP 位址是隱藏在它的伺服器後面,所以當駭客要攻擊你的網站時,會被 CloudFlare 的伺服器給擋住,除了網站加載速度優化外,也同時達到網站防護的效果。

 

CloudFlare 設定教學

CloudFlare 官方網站

CloudFlare 現在已經有繁體中文介面,進入官網後在網頁右上角點擊”註冊”,然後輸入你的電子信箱和密碼,接著去電子信箱收帳號確認信。

接著,它會跳轉頁面要你輸入想設定 CDN 的域名,然後選擇方案,選擇免費方案即可。

然後,你會看到 CloudFlare DNS 記錄的畫面,按”繼續”下一步,我們稍後再來設定 DNS。

這一步你需要到購買域名的服務商那邊設定 DNS,目的是將域名從域名服務商那裡指向 CloudFlare,紅色框框處就是你要複製貼上到域名服務商 DNS 設定的資料。如果你還沒有購買域名,可以參考這篇便宜域名服務商推薦

完成設定大概需要等5到10分鐘,CloudFlare 確定已經連接上就會透過電子信箱通知你。

在等待驗證的時間,你可以繼續下一步 SSL 設定,這是 Cloudflare 非常棒的附加功能,因為許多虛擬主機安裝 SSL 證書還要額外花錢購買,而使用 Cloudflare CDN 它就直接免費讓你用,安裝 SSL 證書後會讓你的網站域名從 http 變成 https,並使你的網站傳輸進行加密變得更安全。

至於自動壓縮功能,是讓 Cloudflare 幫你自動壓縮 HTML、CSS 和 Javascript,但我們不建議使用,因為有時候會讓網站版型出現問題,你可以在 WordPress 安裝專門的性能壓縮外掛也比較好控制。

當驗證完成後,點選上方的 DNS 選項進入設定,總共需要設定三個數值,建議你可以先把預設的選項都先刪除掉,然後添加下面的數據資料。

  • 類型”A”,名稱”你的域名”或輸入”@”,內容”你的虛擬主機 IP”。
  • 類型”A”,名稱”www”,內容”你的虛擬主機 IP”。
  • 類型”MX”,名稱”你的域名”,內容”mail.”+”你的域名”。

第一個和第二個設定值是讓 Clouldflare 可以連到你的主機,第二個 www 是因為部分網站的網址會習慣使用”www.”,而第三個則是為了收信而設定,因為虛擬主機可以設定專用電子郵件地址,例如”XXXX@你的域名”,如果沒有設定第三行會沒辦法收信。

按照上面設定完應該就沒有問題了,接著你就等一段時間讓 DNS 設定生效,這樣應該就能讓網站正確啟用 CDN。

最後梳理一下流程,Cloudflare DNS 設定主要是從域名服務商指向 Cloudflare,然後再從 CloudFlare 指向虛擬主機。