[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

不知從幾何時,發現到我的網站流量越來越大,對於主機的負擔也越來越大,這陣子伺服器 CPU Time Loading 有些大,同主機用戶像是香腸等人也有類似的問題,為了要解決這問題爬文後得知 Cloudflare 提供免費 CDN 服務,何謂CDN呢?? CDN 全名 (Content distribution network) 它是個分散式的雲端伺服器,主機分布在全世界不同的國家,能夠將流量分散、阻擋惡意攻擊、加速網站瀏覽速度。Cloudflare 免費雲端CDN服務除了有以上優點外,還具有DNS代管服務,更新、對應速度比我使用過的主機都還要快(還真是方便),此外本身也有使用快取功能,減少主機流量、資源消耗,CDN 另一個好處在於有異地備援,當某個伺服器故障時,系統將會調用其他鄰近地區的伺服器服務,進而提供接近100%的可靠度。使用幾週下來成效也還不錯,有在獨立架站的朋友可以來試看看。


網站名稱:Cloudflare 免費雲端加速代理服務網站

官方網站:https://www.cloudflare.com

服務類型:CDN服務

服務費用:免費/付費皆有

台灣討論區:http://cloudflare.com.tw/

獨立架站套件下載:http://www.cloudflare.com/resources-downloads

 

 

Cloudflare 官方介紹影片,這影片告訴你非用它們網站服務的因素

我想不少網站或多或少都有被攻擊的經驗,但都不知從何解決、下手

使用 Cloudflare CDN 服務後就能幫你阻擋攻擊,減少主機流量啦 ~

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

至於 Cloudflare 於世界各地有那些地方有建置伺服器呢?? 看上圖↑

亞洲地區就有四處設有伺服器,距離台灣最近的應該就是香港了!!

而有些人跟我一樣會想說,既然使用台灣主機但又使用國外的服務

那會不會拖慢速度啊?? 來測速一下順便為多數人疑問解惑一下吧 ~

首先 Ping 目前正在使用 CDN 簡單生活部落格,平均約 40ms 左右

接著 Ping 同線路但是不同主機的福弟網站,速度則是在 25ms 上下

雖然說數據看起來差了1.5倍左右吧,實際上卻感覺不出速度有變慢

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

接著要來教大家如何來使用 Cloudflare 提供的 CDN 服務啦

首先連到官網,不喜歡看英文也可在右下角切換網頁的語系

點選 Sign Up 或註冊等字樣就可以註冊專屬你個人的帳號

以目前提供語系、介面來說還蠻完善的,Cloudflare 很用心

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

依序填入帳號資訊,接著再按下 Create account now >

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

輸入欲使用CDN網站的網址,然後按下 +Add website 或 +添加網站

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

會花大約30秒左右進行處理程序,此時不要去動它

跑完之後按下 Continus > 就可以繼續後面動作啦

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

這畫面是不是很熟悉?? 和網址管理 DNS 後台是不是很類似??

沒錯,前面就提到了 Cloudflare 本身就具有 DNS 管理的功能

這時候想改其他DNS記錄或是進行新增刪除,都可在此動作

假設某些網址不想要使用 Cloudflare CDN服務,點一下那朵雲

讓它變灰色的即關閉,這邊有幾點需要比較注意提供給大家

主機使用 Cpanel 來控制,網域的地方需加入 cpanel.網域才可

不然像我的作法都是網域/cpanel,在使用Cloudflare會無法連

ftp部分也是相同作法,之前主機商都是給ftp://網域就可以連

但在 Cloudflare 服務下得要用 ftp://ftp.網域的作法才能正常 !!

其他子網域的部分也記得添加進去,就把它想像成DNS即可

 

 

基本上我都是用綁A記錄,因為對應速度快而且也很方便

當然是還有其他作法,可以參考影片,都有詳細的介紹 ~

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

在服務方案費率使用部分,當然是選擇免費 Free – $0/month

使用 CDN 服務類型就選 CDN + Full Optimizations 安全性:高

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

以上是 CDN 服務詳細介紹、規格,提供給大家參考

我是覺得付費規格大概日流量5~10萬人再買就夠了

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

然後會出現 DNS Nameserver 更改畫面,改為 Cloudflare DNS 就可以了

原本申請網址 DNS 管理後台記得把網址參數等相關設定給它 Cancel 掉

前面就提到了 Cloudflare 具有 DNS 管理的功能,就照著修改即可運作!!

(那兩行 Nameserver 資訊填入網域註冊商後台 DNS Nameserver 設定區域)

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊
[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

DNS 對應完成後會由原本的紅燈,變成綠色打勾的圖案 ~

我的對應時間大概都半天左右就好了 (應該都在一天之內)

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

登入帳號後看到 Websites > 網站 > 點 Analytics

申請幾天過後,就會出現統計的相關資料數據啦!!

這會顯示你的網站流量及搜尋引擎導入的數量

還有使用 Cloudflare 後節省主機多少頻寬流量

上圖數據就是使用八天就節省106.9GB (誇張)

覺得灌水有些誇張,但連圖床等子網域都計算

這數量我會相信,畢竟我的圖片數量也蠻多的

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

Threat control 惡意訪客資訊這地方,能看到異常流量資訊

像是自動留言垃圾機器人等等,數量還蠻龐大的 (恐怖啊)

對於這些IP可在右手方按下「+BLOCK」把異常的IP給封鎖

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

常見問題 1. 如何清除快取記錄呢??

 

對於更新文章內圖片、文字前台卻沒有更新該怎麼辦呢??

透過討論區等訊息,才發現原來是因為快取資料沒有清除

在 Cloudflare Settings 如上圖進去點 Purge cache即可

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

常見問題 2. 網站的 JavaScript 語法有問題??

 

剛開始使用 Cloudflare 時會發現,疑?? 奇怪!! 好像怎不太對勁

像是 Google Adsense 廣告、側邊欄 Histats 計數器似乎有問題 …

才發現原來是在申請時使用CDN + Full Optimizations 全面優化

將某一個還不成熟的功能給打開,在 Performance settings > 內

找到 Rocket Loader™ (Web optimization) / BETA 把它給OFF即可

像是 Disqus 等相關會用到 JavaScript 都要將 Rocket Loader 關閉

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

常見問題 3. Google Analytics、Webmaster 出錯??

 

不知為何使用 CDN 服務,Google 統計與站長工具紛紛出問題

原來需要裝 Cloudflare 專用的 Apps 才可以正常運作啊!! (網址)

當 Google Webmaster Tools 後台顯示 DNS 錯誤有的沒的等訊息

登入 Google 帳號後勾選 Google Webmaster Tools App 產生關聯

接著就不會有問題啦!! 至於 Google Analytics 網站流量統計部分

如果你跟我一樣同個網站有主網站以及子網域,該怎麼辦 ??

使用 CDN 服務統計功能便會出錯,先在 App 填入主站 UA ID

然後在 Google Analytics 後台地方把追蹤項目設為多個子網域

如上圖所示,所有網域流量資訊都會集中在同個資料表內啦

對我來說以前能分析單一網域流量等相關資訊,但這不可??

應該是說沒有以前那麼方便,畢竟所有的資料都彙整再一起

我有寫信去問,看能否針對子網域設定不同的 Google 分析ID

但似乎是無解啦,這大概算是目前我能想到的解決辦法  ~~~

11/23更新:有多個網站及子網域比較不推薦使用他們的 App

因為所有網站記錄都會被彙整在一個報表內不方便查詢紀錄

而最近我發現使用CDN服務,網站似乎會有一些卡卡不順暢

目前我是暫時沒有用這服務,等有流量暴衝在來使用看看吧

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

常見問題 4. 瀏覽網頁時出現以上圖片訊息??

 

出現以上錯誤畫面時該如何解決?? 這問題有可能是 Cloudflare 快取問題

可能性很多點選 <<Retry for a live version of the site>>就能正常啦 ~

第二張圖片畫面則是有可能網頁重新整理太多次,CDN認為是惡意攻擊

填入認證碼後再按 REQUEST ACCESS-> 完成後就可繼續瀏覽了。

 

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

[教學] CloudFlare 免費雲端 CDN 網站加速服務,減少主機負擔、阻擋惡意攻擊

 

常見問題 5. 使用套件架站如何更加優化??

 

針對使用 WordPress、Drupal、Joomla 等套件架站的朋友

Cloudflare 還推出了專用套件,可以到這裡來下載 (網址)

在 Account – My Account > 裡面可以找到專屬的 API Key

以我用 WordPress 為例下載好外掛後輸入 Key、Email 後

最後按送出即可,但說真的有沒有裝我也感受不出差異耶

可能是裝這外掛後 Cloudflare 可以跟你的網站更 Match 吧

大概就這樣基本上我使用時遇到的問題都幫大家整理出來

也歡迎大家將自己使用的經驗、疑問留言在文末交流一下

網站名稱:Cloudflare 免費雲端加速代理服務網站

官方網站:https://www.cloudflare.com

服務類型:CDN服務

服務費用:免費/付費皆有

台灣討論區:http://cloudflare.com.tw/

獨立架站套件下載:http://www.cloudflare.com/resources-downloads

留言板

  1. Avatar for San San表示:

    這個服務很棒呀
    對於流量的網站很有用
    只是我應該用不著
    一是我是用blogspot的
    二是我的網站流量很低!呵呵

    阿福:恩 ~ 我也覺得很好用,特別是獨立架站用戶
    而以blogspot來說也很好用,免費的功能強還可綁網域
    也算是不錯的部落格服務,阿山網站流量會低?? 還好啦
    以你的攝影、旅遊文章來說量再多一些肯定會更多人看的 ^^

  2. Avatar for 柏元 柏元表示:

    這個的確很好用,連網站速度都提高了,只是在Rocket Loader™開啟後IE8底下dns會怪怪的

    阿福:不建議開啟Rocket Loader™功能
    存在著許多不確定性的問題在 …

  3. Avatar for 蕾咪 蕾咪表示:

    很用心的分享。>W<
    在阿福這邊學到超多技巧的,哈哈~
    不過網路流量低的時候,會需要嗎?
    還是建議等到流量大的時候再申請呢?

    阿福:謝謝啦!! 把自己遇到的問題、解決方法
    分享給大家真的是蠻不錯的,以Rami目前的流量
    暫時不需要,但我想或許過一陣子就有這需求
    之後有需求的話,需要幫忙在跟我說吧!!
    最近我看妳也更新的蠻勤勞的 Good Luck ~ ^^

  4. Avatar for 小霍 小霍表示:

    請問一下 CloudFlare的WP外掛 有一個選項”Development Mode”
    這個模式主要是做什麼用的?
    因為我看了他的解說還是不太了解!!
    他默認是 off!!

    阿福:那個是工程模式,目前功能沒有完全開放
    說真的我也不是很清楚,這得要到官網看介紹才知道了 …

  5. Avatar for 小何 小何表示:

    請問一開始在其管理界面只設定主域123.COM及WWW.123.COM 這2個情況通過CDN服務,沒再刻意設定子域名,是否可直接套用其下之所有子域名呢?
    另外,在上述前提,如果是事後自已再增加的子域名,是否要到CDN管理手動增加該子域名呢?謝謝

    阿福:都需要到CDN添加子網域域名,因為使用CDN服務,你的網站DNS就歸由他提供的平台來代管。

  6. Avatar for 毛弟 毛弟表示:

    請問您一下 像您這種大站
    您現在圖片跟網站是分開的嗎?
    能否請問您網站的圖片流量為多少…
    圖片主機是租用哪個的主機?

    CloudFlare是否可以使用於只有圖片的網域 (圖床主機) ?

    1. Avatar for 阿福 阿福表示:

      從一開始經營網站我就是圖片跟網站是分開的,圖片主機一個月流量沒記錯應該是500~600GB,至於是哪個主機?? 之前是租怪獸,但最近換了一家國外虛擬主機,日後有機會來分享;關於最後一個問題其實都可以使用,只適用於圖片主機會有個缺點,因為CDN會進行快取,如果你的圖片已上傳要更新,就得要將CDN後台塊取清除才能看到後來上傳的新圖片。

      1. Avatar for 毛弟 毛弟表示:

        請問您說的500~600GB是使用CDN之後的嗎?
        您的圖片主機有用CloudFlare CDN嗎?

        另外您這種流量是約多少PageView呢
        是使用虛擬主機還是VPS或者是實體主機??

      2. Avatar for 阿福 阿福表示:

        500~600GB這沒有使用CDN,使用CDN後流量我忘記了因為近期已不是使用 Cloudflare CDN 服務,你說的流量應該是部落格吧?? 看側邊欄統計你就知道啦,目前我是使用雲端獨立主機,但我想還是得看你的網站流量再來評估這樣比較好。

  7. Avatar for LKK LKK表示:

    想請教您,WordPress用CloudFlare,同時又使用Hyper Cache外掛,這樣2者會不會產生不良影響呢?謝謝

    1. Avatar for 阿福 阿福表示:

      不會!! 我使用過 Hyper Cache & Super Cache 這兩套快取都沒有問題,提供給你參考。

      1. Avatar for LKK LKK表示:

        謝謝您,目前已經使用一段時間沒什麼問題,

        另外想請教您,假如我有abc.com及123.com兩個網站,

        而123.com實質上是abc.com/123子資料夾(abc.com的附加網域)

        當我將這2個網址同時各自獨立加入CloudFlare時,
        這樣abc.com的123資料夾不就等於被快取2次嗎?
        需要做什麼處置嗎?
        謝謝^^

        PS.
        123.COM=ABC.COM/123

      2. Avatar for 阿福 阿福表示:

        這我倒是沒有使用過!! 但我猜測只會快取一次,你可以使用看看再來分享使用經驗 ^^

      3. Avatar for LKK LKK表示:

        後來忘了原來可對個別子資料夾做關閉快取服務,
        所以目前是把用來做為附加網域的abc.com/123資料夾關閉,
        想說就單純用123.com另外去做快取就好了^^

      4. Avatar for 阿福 阿福表示:

        這麼做也是可以啦!! 但如果主機有是 Cpanel OR Plesk 系統,我想就不會這麼麻煩啦 XDD

  8. Avatar for amoses amoses表示:

    想請教一個觀念喔~~
    假設我把WordPress跟圖床分開放在不同主機、綁不同域名
    WordPress:mydomain.com
    圖床:myimgs.com 或Flickr (跟網站域名不同)
    這樣子用CloudFlare會快取到圖床的圖片嗎?
    抑或是不同域名的圖床也要另外設定CDN才會有快取效果?

    (ps. 我現在是把圖床綁成子域名img.myimgs.com跟網站相同,CDN有快取效果)

  9. Avatar for Masato Masato表示:

    想請教一下: DNS Nameserver 更改畫面 是到原先註冊網域的DNS後台(遠振)改成他要我們改的右方DNS名稱嗎? 就是將主機1、主機2改成CloudFlare DNS的名稱

    1. Avatar for 阿福 阿福表示:

      是啊!! 沒錯,得要回到註冊網址地方修改 DNS 代管服務才可以正常使用 CDN。

  10. Avatar for 阿福 阿福表示:

    同域名不同子網域網站也可以設定 CDN 是否要開啟。

  11. Avatar for 小喵 小喵表示:

    現在沒中文版了?

    1. Avatar for 阿福 阿福表示:

      目前官方移除中文語系,原因不明!! 你可以使用 Google 翻譯,還蠻方便的。

  12. Avatar for 张湖 张湖表示:

    讲的非常全面啊!!面面俱到!!mark!!