2-3 Cloudflare 網站 CDN 載入最佳化

最後更新日期: 2023 年 2 月 3 日

現在有了主機，也有了網域了，接著我們會來講怎麼加快網站載入速度。我們會選用 Cloudflare 來做範例，Cloudflare 提供的 CDN (網路內容遞送) 技術可以解決這些問題。

用之前，我們先來聊聊什麼是 CDN 技術 。CDN 是一種透過分佈在全球的資料中心，來縮短使用者和網站資源間的距離。換句話說就是今天使用者來到你的網站，會優先從離他地理位置比較近的伺服器去取得你的網站資料。這樣傳輸時間愈短，網站載入速度就會變快許多。

另外，Cloudflare 還會協助我們防止常見的駭客 DDoS 分散式阻斷服務攻擊。DDoS 分散式阻斷服務攻擊很常見，他會透過惡意進入我們網站，導致網站流量異常擁擠，就會沒辦法服務正常的使用者。

所以無論你網站的規模大小，都需要面對並提早預防，那怎麼做呢？我們只需要簡單地按一按，Cloudflare 就會協助我麼處理這些問題。而且，Cloudflare 很佛心的提供了免費版本，所以真的很建議使用看看。我們馬上點選下面連結，進到 Cloudflare 網站，來開始 Cloudflare 的教學。

👉 Cloudflare 連結

註冊帳號

一、輸入 Email address (信箱) 和 Password (密碼) 後，點選 Sign Up 。

二、點選右上角的 Add site 來加入我們的網站。

三、輸入我們剛剛購買的網域後，點選 Add site 。

四、接著會進入方案選擇頁面。一開始可以先選免費的就好，等之後想要更好的服務還可以再升級，選好後點選 Continue 即可。

五、接下來 Cloudflare 會自動掃描我們網站的 DNS 紀錄。掃描完成後，再次點選 Continue 即可。

更改名稱伺服器

一、回到購買網域的網站那邊（不要關閉 Cloudflare 的分頁喔），在 Domain List 這個頁面，選我們剛剛購買的網域右邊的 MANAGE 後，點選 Domain 。

二、我們進入 NAMESERVERS 這個章節，選擇 Custom DNS ，貼上 Cloudflare 提供的兩組 nameservers: elaine.ns.cloudflare.com 和 fattouche.ns.cloudflare.com 。

三、按下綠色勾勾確認。

四、回到剛剛沒有關掉的 Cloudflare 分頁，點選 Done, check nameservers 確認。

最佳化效能

接著會跳出 Cloudflare 建議的三個設定，我們就依序介紹。

一、確認要自動改寫 https 規則。這樣會將我們所有連結都從 http 自動改寫成 https 。好了後，按 Save 。

二、確認總是使用 https 。如此一來確保所有請求都是 https 。也是好了後，按 Save 。

三、再來是我們在讀取網頁時會有的 JavaScript、CSS 和 HTML 要不要做壓縮，這邊是建議全部勾選。也是好了後，按 Save 。

四、再來也是有機會提高網頁的載入速度的選項，這個是基於 Google 所開發的無損壓縮演算法，所以，也是能夠有效加快網頁載入速度，也是建議打開。也是好了後，按 Save 。

五、最後點選 Finish ，這樣我們就成功透過 Cloudflare 進行效能與安全性的最佳化了。