6 月16
申請CloudFlare設定CDN服務及DNS代管加速部落格網站速度

申請CloudFlare設定CDN服務及DNS代管加速部落格網站速度

最近看到很多朋友分享自己使用CloudFlare可以加快自己網站的瀏覽速度,而且還可以降低自己網站在虛擬主機的負擔與頻寬,而且又是免費的服務,於是就趕緊來給它申請玩看看,誰叫我們租用的虛擬主機還是跟人家一起共用的。使用之後真的發現網站瀏覽速度有給它變快許多,不過不曉得是不是個人的感覺變快而已。

這CloudFlare其實是一種CDN(Content Delivery Network)服務,它基本上會在全世界的重要地點分別設置伺服器,當世界上各地的網友連接到我們的網站前都會先連接到一台CloudFlare離網友們較近的一台伺服器上,而且它也會暫存我們網頁的內容在其伺服器上,當有網友來到我們的網站瀏覽了之前也有其他網友瀏覽過的內容時,就會直接從其暫存區內取用資料,而免去再一次讀取我們放在虛擬主機上的資料,就因為減少了網路連接的距離,也減少了重複讀取我們虛擬主機上的資料,所以網站的瀏覽速度就變快了,而且我們虛擬主機上的負擔與資料流量也會跟著降低,但對於計數器及Analytics這類網站瀏覽統計的數據則不會改變,因為該送出的資訊還是會送給計數器網站及Analytics做統計。

CloudFlare的優點:

  1. 基本服務免費,進階服務收費。一般部落格網站免費的服務就夠用了。
  2. 全世界很多大咖部落格都使用CloudFlare服務,要是當機會是全世界的大當機。
  3. 可以提昇網站速度、降低網站負擔、降低網站頻寬。
  4. 可以防止初階的網站惡意攻擊。

口說無憑,下面是使用網路測速網站所測得使用CloudFlare前後的速度差異,當然,測試的時候會因為不同時間而會有不同結果,所以數據參考就好,重要的是要問看看網友們的感覺。

申請設定CloudFlare教學:

既然CloudFlare有這麼神奇的效果,就來看看如何申請及設定CloudFlare吧!

網站名稱:CloudFlare
網站鏈結:https://www.cloudflare.com/

早先時候聽說有繁體中文的網頁,但現在已經取消了,所以只剩下英文網頁,但應該不是太難。

STEP 1、註冊你的CloudFlare帳號

  1. 第一次使用CloudFlare時,開啟首頁後,請點選右上角的【Sign Up】來註冊一個新的帳號,如果已經有帳號了則點選【Login】。註冊你的CloudFlare帳號
  2. 註冊時依序填入郵件信箱(Email)、再輸入一次電子郵箱帳號(Confirm Email)、密碼(Password)、再輸入一次密碼(Confirm Password) ,勾選同意使用條款(I agree to …)後點擊按【Create account】就可以馬上取得帳號並進入CloudFlare。
    註冊你的CloudFlare帳號

STEP 2、新增網站到CloudFlare、設定DNS名稱

  1. 登入 CloudFlare 後,點選「Add Site」來新增網站,把要加入CloudFlare管理的網域名稱輸入,然後點選「Scan DNS Records」按鈕。注意:這裡不需要輸入子網域的名稱,也就是不需要輸入【www】,以本部落格為例只要輸入【blogfuntw.com】就可以了。接著CloudFlare會開始掃描該網址目前所擁有的DNS記錄,然後會自動複製到CloudFlare端,以方便使用者設定使用。
    STEP 2、新增網站到CloudFlare、設定DNS名稱
  2. 掃描我們網站的記錄大約需要花費60秒左右的時間,這段期間CloudFlare會播放一段影片,用以簡單介紹這項服務的功能和使用的技術,如果是第二次增加網站就不會再播放影片了。
    STEP 2、新增網站到CloudFlare、設定DNS名稱
  3. 掃描完成後,你原先設定在網域名稱的DNS記錄(例如 A、AAAA、CNAME、MX)都會被複製到CloudFlare端,檢查一下看看其列出的記錄是否正確,也可以自行加入並調整記錄,如果你有子網域,建議要使用【A】綁定,就是在【A】的地方輸入子網域名,在【Address】的地方輸入與網域一樣的IP位址就可以了。請先確定連接到你網站的A或CNAME記錄後方的狀態圖示為橘色雲(On CloudFlare),當開啟後,該連線才會走CloudFlare線路,也才能夠享受這項服務帶來的好處。
    STEP 2、新增網站到CloudFlare、設定DNS名稱

STEP 3、選擇CloudFlare資費方案

  1. 接著來到選擇CloudFlare方案的頁面,一開始會設定成付費方案,如果你只是部落格網站,或第一次使用,建議可以調整為【Free Plan】,先從免費的方案(Free)開始嘗試,如果滿意,日後可以考慮付費,其實免費方案已經包含了基本的安全防護、網站加速、SSL 憑證和 Always Online 功能,點選後按右下角的 【Continue】繼續設定。

STEP 3、選擇CloudFlare資費方案

STEP 4、轉址NameServers名稱

  1. 最後CloudFlare會跳出要你更改Nameservers位址的要求,基本上CloudFlare會在左方「Current Nameservers」的地方列出現在網站所使用的NS網址(有些網域公司稱之為DNS, Domain Name Server),然後在右方會建議你更改成兩個
    CloudFlare的Nameservers記錄,超過的NS會要求你刪除。
  2. 這個動作是一定要做的,這樣CloudFlare才能接管網域伺服器並且在網友們實際讀取我們放在虛擬主機上的資料前先經過CloudFlare放置在世界各地的伺服器,而且前面的步驟(STEP2)中已經將DNS記錄複製到了CloudFlare,所以可以放心更改,設定後網站依然能夠正常運作,不會發生問題。
  3. 設定NS時需回到我們網域代管商的網頁做設定,因為工作熊的網域放在Godaddy代管,所以就要回Godaddy做設定。設定完畢後就是等待DNS更新紀錄。

STEP 4、轉址NameServers名稱

STEP 5、開始使用CloudFlare服務

  1. 一般來說,更新完DNS記錄並不會馬上生效,有時可能需要數小時甚至超過一天的時間才會陸續生效,比如說使用中華電信與使用電視cable網路的更新紀錄就不會同時。不過一般CloudFlare這邊的速度通常會快一些。
  2. 回到CloudFlare原來的畫面後按【Continue】,接著會顯示你目前的網址狀態為「Pending」,代表正在等待你的Nameservers更新。
  3. 更新 DNS 後,建議可以過個五分鐘左右再點選「Recheck Nameservers」按鈕重新檢查一次,若你的記錄已經更新並被 CloudFlare偵測到,就會轉變成「Active」,這時候CloudFlare的相服務關功能也就開始啟動(這也表示你的網站已經開始透過CloudFlare的線路進行連線了)。

STEP 5、開始使用CloudFlare服務

STEP 6、確認NS是否已經正常啟用

  1. 依據不同的網路線路與DNS的狀態,NS紀錄更動後有時候並無法在短時間內就看到真正的更動,比如說使用中華電信、台灣大哥大與[Cable modem]的線路就不一樣,其所經過的路由也幾乎都不一樣,也就是說當我們看到CloudFlare上面雖然顯示綠色的「Active」,但很有可能我們或網友本身所使用的網路還是連接到了舊的NS。一般來說我們會使用PING工具來檢測IP是否變更過來(可以在開始功能表下的搜尋框輸入「cmd」按<Enter>,啟動指令模式,輸入【ping 你的網址】,比如【ping www.blogfuntw.com】來查看前後IP是否改變 )
  2. 也可以考慮使用網路上其他網站所提供的ping工具來檢查。或使用工作熊之前介紹過的【站長工具(Chinaz)】來查看連接的IP位址兼測試網速,不過這是一個中國大陸的網站。

CloudFlare進階設定

壹、Overview

  1. 在【Overview】的地方可以看到我們的網站是否已經開通,如果出現綠色的橫條,下面的Status出現【Active】就表示CloudFlare已經開始運作。
  2. 如果註冊有兩個網站以上,在畫面左上角的地方可以切換不同的網域。

ColudFlare Overview

貳、Analytics

在【Analytics】的地方可以看到CloudFlare開始運行後的統計資料,這裡的統計基本上以流量為主,也有頻寬(Bandwith)、訪客數(Unique Visitors) 惡意攻擊威脅(Threats),請注意這裡的Analytics與Google的Analytics是不一樣的東西。

ColudFlare Analytics

參、Crypto設定

原則上CloudFlare會幫你的網站選擇一個最適合你的網路安全(SSL)設定。但你也可以自己調整,下面是這個設定選項的說明:

  • Off:沒有安全連線,訪客到CloudFlare無安全連線,CloudFlare到你的網站也無安全連線。也就是說訪客只能使用HTTP來連接到你的網站,而不能使用HTTPS來連接,如果你的網站未申請SSL安全認證,訪客也不能用HTTPS來訪問你的網站。但請注意比較下一個選項。
  • Flexible:訪客到CloudFlare使用安全連線,CloudFlare到你的網站無安全連線。即使你的網站未申請SSL認證,訪客依然可以使用HTTPS來訪問你的網站,這個設定是免費的。當你的網站未申請SSL安全認證有想要可以使用HTTPS可以選此項。
  • Full:訪客到CloudFlare使用安全連線,CloudFlare到你的網站也使用安全連線。你的網站必須有申請SSL認證但還未完全取得綠色鎖頭符號時選擇這個項目。
  • Full(strict):訪客到CloudFlare使用安全連線,CloudFlare到你的網站也使用安全連線。你的網站必須申請有SSL認證且完全取得綠色鎖頭符號時選擇這個項目。

ColudFlare Crypto設定

肆、Speed設定

接著切換到「Speed」功能,建議將【Auto Minify】後方的 JavaScript、CSS、HTML三個都勾選,這個功能會自動壓縮你的檔案,讓這些檔案變得更小,可以加速載入速度。請注意:如果開啟【Auto Minify】會使網站發生問題,例如版面無法正常顯示、功能失效等等,請把這項功能關閉。

ColudFlare Speed設定

CloudFlare設定及使用補充說明

一、FTP、SSH連接問題

當你的網站開啟了CloudFlare的服務功能後,原來網站的真實IP位址就會被隱藏在CloudFlare的CDN之後,所以也就無法再直接使用網站的網址來連接到FTP及SSH,必須改以原來網站伺服器的IP位址來連線喔!

二、如何清理CloudFlare的CDN快取?

有時候CloudFlare用久了,可能會發現當你更新已經發表過的文章或資料到網站時,為什麼看到還是舊的資料?這是因為檔案名稱、網頁名稱未變更而直接覆蓋,CloudFlare會以為資料沒有變更就不會去重抓新資料,所以網頁就會還是呈現舊的內容,不過這種情形通常不多見。

那該怎麼辦呢?這時候你要手動清理CDN的快取資料,就可以解決這個問題了!不過清理了CloudFlare的CDN快取資料,也就等於原本已經被CDN快取的所有資料都還要再重新抓取,這點可能得注意一下, 因為可能流量或頻寬會瞬間飆高一下,但有使用CloudFlare還是比不使用時省下更多的網站流量。

第1步 進入CloudFlare然後選取【Caching】,這裡有兩個清除快取的選項可以:【Purge Individual Files(清除個別檔案)】與【Purge Everything(全部清除)】。
請注意:當你選擇【Purge Everything】時網站的速度可以會瞬間掉下來,因為CDN會重新抓取網站上的所有資料。
如果只有某個檔案或網頁有問題時建議選擇【Purge Individual Files】,這樣影響程度會比較小,幾乎沒有影響。
如何清理CloudFlare的CDN快取?

第2步  如果你選擇了【Purge Individual Files】,會跳出一個對話框,在空白處輸入輸入要清除快取的檔案網址,最多可以輸入30個,然後按下【Purge Individual Files】就可以了。
如何清理CloudFlare的CDN快取?

三、如何暫停並刪除CloudFlare上的網域?

如果你懷疑CloudFlare可能與你的網站的些功能衝到,或你有其他需求想要暫停或刪除已經由CloudFlare管理的CDN。

第1步  進入CloudFlare後的【Overview】,點擊【Advanced】展開,點擊【Pause】為暫停,【Delete】為刪除網域。如何暫停並刪除CloudFlare上的網域?

第2步  接著會詢問是否確認暫停或刪除,點擊【Ok】確認就可以了。 一旦刪除就無法復原,但可以重新再加回來,但設定要重來。


延伸閱讀:
工作熊慣用的部落格工具
介紹好用免費的網站錯誤【失效連結】檢查工具
如何在單篇文章與網站首頁加入自動轉址語法,延續舊站的人氣

   

在〈“申請CloudFlare設定CDN服務及DNS代管加速部落格網站速度”〉中有 2 則留言

  1. Donna Ting表示:

    請問以下問題碰到,有無詳細解決流程,例如我要ftp上傳下載,請問要用原來網站伺服器的IP位址來連線這是?
    一、FTP、SSH連接問題
    當你的網站開啟了CloudFlare的服務功能後,原來網站的真實IP位址就會被隱藏在CloudFlare的CDN之後,所以也就無法再直接使用
    網站的網址來連接到FTP及SSH,必須改以原來網站伺服器的IP位址來連線喔!

    另外網址有附郵件部分,是否也能一起轉,還是有其他步縐?

    • 工作熊表示:

      Donna,
      你必須取得你的網站的IP位址,請登入你的虛擬主機服務頁面cPanel尋找FTP服務。
      郵件問題要請你自己找看看了,我沒有使用郵件服務。

發佈回覆給「工作熊」的留言 取消回覆

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *