Cloudflare 免費網站加速服務、CDN、DNS、優化設定教學

Cloudflare 免費網站加速服務、CDN、DNS、優化設定教學

發佈日期:2022年04月27日

Cloudflare是一間成立於2009年的網路公司,主要協助提供網路安全、網路資訊相關服務。他提供了完全免費的CDN與DNS服務,讓許多人可以透過Cloudflare的服務來加速自己的網站速度、或透過付費的服務來達到更安全的網路資訊防護。

在這篇文章中,將和你的分享,我如何使用Cloudflare的免費服務,來加速我自已的網站,還是一些優化的設定,提供給你一起來使用看看囉。

什麼是CDN 內容傳遞網路

CDN內容傳遞網路 (Content Delivery Network或Content Distribution Network),是指一種透過網路互相聯接的電腦,利用最近的使用者伺服器,更快、更可靠的把音樂、圖片、應用程式、檔案等傳送給使用者。用來提高效能與降低網路內容傳遞成本給使用者。

像知名影音平台 Netfilx 就是透過穩定的CDN來將影音內容傳送給每位使用者。

對於CDN還想了解更多的話,可以參考cloudflare所提出相關說明 點此

Cloudflare的服務提供了哪些好處?

Cloudflare的服務中,光是免費的服務,就可以為我們許多架設網站的用戶,來帶許多方便的地方。整理為以下幾點好處:

  • 免費的CDN與DNS設定,1個帳號可以免費使用於多個網站。
  • 無CDN流量限制,大幅度減少網站流量消耗。
  • 可避免分段式阻斷攻擊DDOS,提高網站載入速度。

如何開始使用Cloudflare的服務

Cloudflare的服務是全球性的,所以本身在頁面上,已有繁體中文的顯示囉。以下的整理步驟,帶你一步步開始使用Cloudflare的服務。

點此開啟Cloudflare

註冊免費帳號

step 1

註冊Cloudflare

step 2

註冊Cloudflare輸入帳號和設定密碼

填入你想要使用為帳號的電子郵件(E-Mail),並設定一組密碼。下方會出現密所需要的規則,請務必牢記。

step 3

驗証帳號

註冊Cloudflare郵件確認

驗証註冊帳號的郵件。

註冊Cloudflare郵件確認成功

完成Cloudflare帳號註冊。

如何設置Cloudflare服務

step 1

新增網站

使用Cloudflare服務_02
使用Cloudflare服務_03

step 2

啟用免費服務

使用Cloudflare服務_04
使用Cloudflare服務_05

後台顯示畫面。這裡就紀錄著一些需要的設定。看起來好像很複雜,但其實使用到的只會有【類型A】這個項目。

step 3

連接網域服務-自訂DNS

使用Cloudflare服務_06

在畫面中,可找到如上圖,屬於我們要申請網域使用cloudflare服務的名稱伺服器。

使用Cloudflare服務_07

這裡我是以Gandi為範例,而所有的網域服務,可以進行這項設定的。

Gandi的後台,找到 【名稱伺服器】→點擊畫面下方的【變更】,進行設定。

使用Cloudflare服務_08

點選外部,設罝剛剛在Cloudflare看到的名稱伺服器。2個都設置完後,下方按下儲存。

使用Cloudflare服務_09

完成名稱伺服器設置。

✪推薦閱讀:如何在Gandi.net購買與註冊網域

設置連線IP至Cloudflare

接著就是要讓用戶或搜尋網站,在進到網域時,可以連到伺服器看到內容,所以接著要把伺服器的IP設置到Cloudflare裡。

使用Cloudflare服務_10

這裡是以Cloudways做說明範例。

到Cloudways裡,已經安裝好WordPress的Apps中,就會看到如上圖紅色箭頭的位置,就是主機IP,複製他。

使用Cloudflare服務_11

回到Cloudflare的後台,如上圖網域類型A的位置,後擊後方的編輯。

使用Cloudflare服務_12

將主機的IP貼上至IPv4的欄位後,按下儲存。

使用Cloudflare服務_13

回到Cloudways的後台,找到Domain Management裡,將網址置設上去為主要網址。目的就是要把原本安裝WordPress的位置(就是wordpress-762543…這一串),換成正式網域。

使用Cloudflare服務_14

再到SSL的選項,把Cloudways送的免費SSL加密連線給使用上,如上圖的方式。

使用Cloudflare服務_15

回到Access Details,就會看到網址(URL),就不會是一串長長的內容囉。

此時點擊紅色箭頭,即可開啟WordPress的後台,這時的連線,就已完成Cloudflare的相關設置囉。

✪推薦閱讀:WordPress主機最佳推薦,Cloudways詳細圖文介紹!

推薦Cloudflare設定的方式

從上述的註冊設定,可以知道Cloudflare主要就是在協助進行網路相關的提速、連線安全、加密等工作。但也不是一開始所有設定都是最好的。在此進行以下的設定建議,推薦讓你使用看看囉。

SSL/TLS加密模式

cloudflare設定建議_01

就選『完整』這個選項吧。

自動縮製

cloudflare設定建議_02

這個設定位置在 速度最佳化 裡,3個項目都打勾。

Brotli壓縮

cloudflare設定建議_03

這是個網頁載入時的壓縮技術,位置在 速度最佳化 裡,可以用來加速用戶頁面的載入時間。

Early Hints

cloudflare設定建議_04

這在cloudflare是測試的功能,是能先預先載入連結的資產。

Rocket Loader

cloudflare設定建議_05

一樣是個加快網頁的技術,開啟就對了。

Always Online

cloudflare設定建議_06

這也是個測試版的功能。位置在 Catching → 設定 裡。主要可以幫助當與主機連線失敗時,會幫助你不會顯示錯誤,而是透過副本的方式來呈現。

結論

Cloudflare是一個免費,又能幫助網頁加速、加密與DNS設定的好用工具。真的十分推薦一定要使用他,有了他,就可以大大的為自已網站提升不少使用體驗,如果對於Cloudflare有任何想法,也歡迎在下方留言處留言和我一起分享唷。

其他推薦內容

Divi教學-Divi表單如何設定Google reCAPTCHA

Divi教學-Divi表單如何設定Google reCAPTCHA

還在煩惱網站中的表單被人亂留言、亂輸入資訊而打優嗎?使用Google提供的服務reCAPTCHA就可以有效防止,簡單的設定步驟,在這篇完整教會你!

Divi教學-Divi Breadcrumbs外掛使用教學

Divi教學-Divi Breadcrumbs外掛使用教學

Divi這個強大的佈景主題,簡單幾步驟,就可以完成一個頁面或文章的導覽(Breadcrumbs)設定,只要使用Divi Breadcrumbs就能搞定,不清楚怎麼設定嗎?看這篇就搞定!

Cloudways Migrator快速搬家圖文教學

Cloudways Migrator快速搬家圖文教學

想從A主機搬到B主機,如果真沒學過一些資料處理的話,還真是頭大。Cloudways這間高CP的主機商,提供的完美的搬家工具Cloudwyas WordPress Migrator,讓你完全可以無痛搬移,快速完成搬移工作。

站長: Joyy志強

網路行銷玩家 | 期待透過更多免費的分享,讓更多人學到如何有效的從網路上建立屬於你自己的收入來源。 如果你也有好的網路賺錢項目,或想學習建立收入的方式,開始搭建一個可以為你賺錢的網站,歡迎透過下方聯絡我的方式和我洽談與聯絡喔。

折扣優惠推薦

Divi theme 推薦

Follow Joyy

0 Comments

Submit a Comment

發佈留言必須填寫的電子郵件地址不會公開。

error: 本站內容具著作權保護!