[強推]免費增加網站速度與安全並減少使用流量的CloudFlare

cloudflare logo

網頁的讀取速度越快對SEO來說當然是越好,除了精簡代碼與使用wp快取插件,今天還要強烈推薦大家使用這個免費的工具:CloudFlare
為什麼要推薦使用CloudFlare?主要有以下幾個好處:

  • 免費(我想這是最重要的)
  • 增加網站速度(訪客是到CloudFlare的雲端網路服務上讀取你的資料,像是快取。)
  • 增加網站安全(駭客不會直接連到你的網站,不當的動作會被CloudFlare過濾掉)
  • 減少網站使用的流量(尤其對於購買固定流量虛擬主機的人)
  • 簡便使用雲端APP程式(可以透過CloudFlare後台使用許多網絡服務,像是Google Analytics,你不用把分析代碼放在你的網頁裡頭,可以直接設定在CloudFlare後台)

我們再看以下兩張由CloudFlare官方製作的示意圖片:

  1. 尚未使用CloudFlare的網站存取流程示意圖:尚未使用CloudFlare的網站存取流程示意圖
  2. 使用CloudFlare之後的網站存取流程示意圖:使用CloudFlare之後的網站存取流程示意圖

既然CloudFlare是免費的,又有這麼多好處,那就來用吧!
使用方法如下:

  1. 申請一個CloudFlare帳號。https://www.cloudflare.com/sign-up(只要填寫帳號,Email跟密碼)
  2. 登入後,填入網址,並按下網址列旁邊的Add this website按鈕:
    填入要保護的網站網址
  3. 然後會有一段影片解釋現在是在掃描你的網址現有的DNS,並倒數60秒:
    CloudFlare在掃描現有的DNS設定
  4. 掃描完成後,按下綠色按鈕:
    現有網址的DNS設定掃描完成
  5. 顯示CloudFlare掃描到的現有DNS設定,每個人掃出來的會不太一樣。橘色的雲代表該服務會使用CloudFlare的雲端網路(灰色的雲按下去就會變橘色的),基本上不用動,直接按右下方的按鈕:
    顯示現有的DNS設定
  6. 再次確認使用之DNS服務,也不用變更,就再按下右下方按鈕:
    再次確認DNS設定
  7. 這邊CloudFlare會要你去你購買域名domain name的後台去設定新的DNS,不知道要怎樣設定的請看這篇” NameCheap域名申請與DNS設定“,記下紅色框框裡頭那兩組DNS之後,按下右下方按鈕:
    CloudFlare要求你要設定Domain的DNS
  8. 設定好之前會是像wtrclub.net那樣,顯示等待DNS生效。若是生效後,就會顯示如yogoeasy.com:
    等待DNS生效

當你DNS設定生效之後,就可以開始享用免費的CloudFlare服務了,網路速度,安全防護的提昇以及網路流量使用的減少都已經開始在運作了,可以到//www.webkaka.com/Ping.aspx輸入你的網站來看看是否大家都是ping到CloudFlare的主機(選擇位置要勾選全部)。
另外要跟大家介紹CloudFlare的雲端APP服務

  1. 在生效的域名旁邊下拉式選單中點選 CloudFlare setting
    CloudFlare settings
  2. 進來之後,就有許多服務可以使用跟設定。有些是要付費升級成PRO才能使用的,我們挑幾個免費的來用就好了。像是這個auto minify,可以幫網頁代碼做優化:
    auto minify,可以幫網頁代碼做優化
  3. 這個Rocket loader也是針對Java script來做代碼優化:
    Rocket loader是針對Java script來做代碼優化
  4. 還有我之前說的Google Analytics,只要填入追蹤碼就好:
    Google Analytics填入追蹤碼
  5. 還有更多的APP喔,一時介紹不完,請大家自己挖寶!

最後要帶大家看看,CloudFlare還可以幫我們做瀏覽統計跟惡意訪問過濾:

  1. 從這裡點進去:
    瀏覽統計跟惡意訪問過濾
  2. 進來之後就可以看到很漂亮的瀏覽圖表統計:
  3. 按下在上圖中右上角的紅色框的Threat control可以進到CloudFlare過濾惡意訪問(駭客攻擊)的過濾歷史資料,下圖是我優易yogoeasy.com受到的駭客攻擊喔,還好都被CloudFlare擋掉了 ^_^
    CloudFlare過濾惡意訪問(駭客攻擊)的過濾歷史資料

訂閱文章更新電子報

透過WordPress.com平台(jetpack功能)訂閱文章更新電子報

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料