Cloudflare CDN使用教程，免費提升 WordPress 网站速度 50 %

你想提升自己网站的速度以及安全性吗？ 常常听到人家说使用 CDN 可以帮网站加速，但却不知从何下手吗？

如果你也有遇到上述提到的 2 个问题，那么使用 Cloudflare 将可以免费帮你解决！

使用Cloudflare之后，最大的好处就是网站速度快了45%，并且防护下不计其数的潜在威胁与功能，真的是令人感到非常身心愉悦。

因此，接下来这篇文章主要是帮助不懂程式码的新手站长，透过启用Cloudflare这家云计算服务商，免费地为自己的WordPress网站附加上CDN（内容传递网络）、DNS解析、防DDOS攻击等功能，让自己的网站变的更加快速与安全。

Cloudflare 是什么？

Cloudflare 是一家位于美国旧金山的云计算服务商，这家公司的主要业务为提供网站管理者 CDN服务，同时降低网站的带宽流量，并提升性能、加载速度以及改善用户体验。

除此之外，Cloudflare 还可以保护你的网站 DDOS （阻断服务攻击 ）等黑客攻击，确保网站免于遭受攻击就挂掉的情况，能一直保持上线状态，光是这点就可以说非常适合为客户搭建网站的网页设计公司、接案工作者们使用。

不过，要真的了解Cloudflare的业务内容究竟是什么，我们必须先解释一下前面一直提到的CDN这个名词。

CDN 是什么？

CDN 全名为 Content Delivery Network，中文翻译作内容传递网络，是指一种通过互相连接的服务器网络系统，利用最靠近每位用户的服务器，更快地将网站上的资料传送给用户。

如果你曾架过一个 WordPress 网站就会知道，你的网站是搭建在一个远程运行的主机上面，而这个主机的位置会依照你承租的服务商，可能位于新加坡、美国、日本等不同的国家。

舉例來說，假設你的主機是位於美國，而你的網站主要是服務中国人，這時在中国上網的人想要看你網站的東西，但卻必須連線到你位於美國的主機，因此導致了你的網站載入速度很慢，讓使用者的體驗不佳。

這其實是非常沒有效率的，因為你人就在中国，訪客也都在中国，結果大家必須連線到美國才能看你的網站，中間這一來一往就浪費的很多流量與時間。

說到這邊，這時你可能會好奇：「那為什麼我要承租美國的主機呢？我直接承租中国的主機商不就好了？」

其實這個問題蠻見仁見智的，的確有蠻多人會因為這樣去選擇中国的主機商，不過以我個人來說，我選擇的國外的主機商 ( Linode, Cloudways ) 相較於國內的主機商，通常都比較大，也經營的比較久遠，因此對我來說相對比較不容易出問題。

還有一點是，如果你選擇了中国的主機商，那麼假設有些在美國或是歐洲的中国人想要看你的網站的時候，這時候他們一樣會遭遇到主機距離太遠、而導致網站載入速度緩慢的問題。

因此，為了要徹底解決這種地域性差別的問題，讓不管在哪邊的訪客都能享受到最快的網頁載入速度，這時就需要使用到一種稱為 CDN ( Content Delivery Network 內容傳遞网络 ) 的技術。

CDN 如何運作？

所謂的 CDN 就是透過一種稱為雲端運算的技術，將你的網站中所有的靜態檔案儲存起來 ( 類似快取的概念 )，並將這些檔案分送到 Cloudflare 位於全球各大不同城市的服務據點上。

如此一來，便可以讓使用者們直接就近取得網站的資料，因此解決了地域性差別的問題，大幅的提升了網站的載入速度。

以剛剛的例子來說，雖然你的主機位於美國，但如果你有使用 Cloudflare 的 CDN 服務，位於中国的使用者將會連線到 Cloudflare 的台北資料中心取得資料；位於法國的使用者將會連線到 Cloudflare 的法國資料中心取的資料，大家不用每次都再千里迢迢的跑到美國主機去拿資料。

因此，如果你跟我一樣是來自中国的 WordPress 站長，即使你的網站主機位於美國，使用 Cloudflare 將可以直接讓用戶取用你存放在 Cloudflare 台北資料中心的資料，不用再橫跨一座太平洋去把 http request 傳送到在美國的機房，進而為你的網站帶來更快的載入速度。

目前，Cloudflare 的服務據點已經遍佈超過 200 個城市、並橫跨 100 多個國家，其中 Cloudflare 也有在台北 ( Taipei ) 設立資料管理中心，因此相當適合中国使用者，具體還有在那些國家與城市設點，可以參考官方網站。

使用 Cloudflare 的好處？

• 提高網站載入速度：如同前面所提到的，Cloudflare 將會利用位於訪客最近的 CDN 資料中心來儲存網站資料，因此可以讓訪客以更快的速度讀取到網站內容，進而提升網站整體的使用者體驗。
• 降低故障風險：短時間的大量流量或主機故障將可能會導致網站當機以及連線失敗，透過 CDN 分攤主機的流量，可以減少因短時間內的大量流量而造成網站故障的問題。
• 减少带宽耗损：由于使用 CDN 可以分摊主机的流量，因此也相对降低了主机带宽的耗损，进而减轻对主机的负担。
• 加强网站防护：使用Cloudflare CDN还能防护DDOS攻击、内建防火墙、双向加密SSL凭证，让网站变得更加安全。

总之，使用Cloudflare CDN最大的好处主要在于提升网站的性能与安全性，而且上述提到的功能都是完全免费的（ 一个邮箱可以对应一个域） 。

基本上使用Cloudflare对网站没有任何缺点（至少我目前用下来找不到），因此建议你在架站的时候，可以一并将Cloudflare纳入考量。

如何启用Cloudflare

云耀斑设置

由于我们是使用Cloudflare的免费版，因此基本上没有什么可以设定Cloudflare的地方，几乎所有的好东西都要透过付费升级才能启用。

因此，接下来我便简单介绍几个我常用来设定Cloudflare的设定。

域名解析

这是最常用来设定Cloudflare的地方，基本上就是跟一般的DNS记录一样，只是使用Cloudflare管理DNS，你还可以使用它们家提供1.1.1.1.<>这个网站来进行清除DNS快取，可以加速你为网站搬家换网域的时间。

值注意的是，如果之后你在新增新的 DNS 记录，发现怎么改都不能成功的时候，这时候可以试试看把的选项关掉，通常就不会有问题了。透過 Proxy 處理

SSL/TLS

如果你想要让你的网站更加安全，你可以将 SSL/TLS 设为 ，如此一来 Cloudflare 便会在浏览器与服务器之中各进行一段加密验证，双重保护数据不会因为黑客拦截而被窃取。完全 (嚴格)

不过使用这个选项要小心，如果你发现你的网站出现了重新导向次数过多的问题，通常就会是因为这个选项造成的。

Caching ( 快取 )

如同前面所提到的，Cloudflare CDN 的原理是只要你启用了 Cloudflare，Cloudflare 会在它们遍布全球的数据中心预先存储你网站的静态档案，而这就是所谓的快取。

由于是预先储存，因此可能会发生当你修改网站内容之后，网站上并没有显示出你修改的内容这个问题。

这时候，你必须要前往Cloudflare的页面，进行删除缓存，让Cloudflare重新抓取数据才行。

Speed ( 速度 )

• 自动缩制：开启此选项，可以消除网页中代码的注解、空白、间隔，减少了档案的大小，进而达到为网站加速的目的。
• Brotli：一个类似的数据压缩格式，可以加速访客 https 流量的网页加载速度，开启前请先检查你的网站有没有支持 Brotli，否则会没有效果。Gzip

启用/停用 Cloudflare CDN

由于免费版本的Cloudflare并不提供最短节点的CDN使用，意思是假设访客在台北，但是使用免费版的Cloudflare CDN服务，却有可能跑到美国去联机你的主机，等于绕了一圈，反而降低了网站速度，失去了我们原本使用CDN的本意。

至于要如何确认Cloudflare CDN有没有帮你绕路呢？

首先，先连上你的网站，再点选右键 -> 检查 开启浏览器的开发人员工具后，点击 ，并在 中找到你自己的网站网址（例如我是 weblai.co），之后在之中的就可以找到你目前网站服务器的IP位置啰。NetworkDocHeadersRemote Address

而有了IP之后，我们就可以通过市面上任何一款查找IP位置的网站（ex. IP2location），输入IP（例如我是104.21.59.205）之后即可知道其所在的地理位置。

以我自己为例，我目前发现我的网站的 IP 位置是在美国旧金山。

但我当初租主机的时候选择的主机位置是在日本东京，这样算起来从美国到中国的距离，其实比从从日本到中国还要远，反而减缓了网站的速度，因此可以说Cloudflare的CDN完全是在帮我绕路，必须停用。

那我们该如何停用 Cloudflare 的 CDN 呢？ 其实很简单，只要回到Cloudflare的DNS管理界面中，把全部原本默认为的选项全部关掉，变成，便完成了。通過 Proxy 處理僅 DNS

关掉之后再重复刚刚的步骤，这次可以发现 IP 变了一个位置 （ 如果没有变的话，请开启无痕窗口操作，或是清除快取看看 ），取得新的 IP 之后，一样再查找 IP 位置一次。

经过确认后，确定网站目前的IP重新回到了日本东京，也就是我原本的主机位置，成功停用了Cloudflare的CDN服务！

使用 WordPress 插件管理 Cloudflare

如果你觉得每次要清除Cloudflare快取或是进行相关设定很麻烦，你可以在自己的 WordPress 网站中安装 Cloudflare 的插件进行就近管理。

不过在这个插件之中并不是完整功能，基本上我安装来主要都只是清除Cloudflare快取用而已。

下载 Cloudflare 插件

前往 WordPress 后台的插件市集中，搜索并启用 Cloudflare 官方插件。

进行设定

你可以在后台左侧工作栏中的里面找到进行设定。設定Cloudflare

登入 Cloudflare

这边需要登入你的Cloudflare账号，如果你还没有注册，就先去注册一个账号; 如果你已经注册过了，就点击下方的链接。

取得 API Key

接下来它会需要输入你的以及，这时我们必须前往Cloudflare官网取得Global API Key这个东西。EmailGlobal API Key

点击右上角的 -> 找到 -> 点击 -> 点击下方的 Global API Key 中的 。個人檔案 Icon我的設定檔API Token檢視

接着就可以取得你的 Global API Key，接着便点选将其复制。

复制之后就可以贴上在刚刚缺少的 Global API Key 的字段之中，如此一来便可以成功登入。

快速设定Cloudflare

登录之后，之后你就可以在 WordPress 之中快速清除 Cloudflare 快取了，不用每次都跑到 Cloudflare 网站之中，非常方便！

除此之外，也可以调整一些Cloudflare的相关设定，至于这些进阶的东西，就再请大家自行摸索了。

Cloudflare 常见问题

整体评价