所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

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

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

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

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 3

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

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

内容目录
隐藏

1Cloudflare 是什么?

1.1CDN 是什么?
1.2CDN 如何运作?
2使用Cloudflare的好处?
3如何启用 Cloudflare

4云耀斑设置

4.1域名解析
4.2SSL/TLS
4.3Caching ( 快取 )
4.4Speed ( 速度 )
5启用/停用 Cloudflare CDN
6使用 WordPress 插件管理 Cloudflare
7Cloudflare 常见问题
8整体评价
9结论

Cloudflare 是什么?

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

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

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

CDN 是什么?

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

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

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

【2021】Cloudflare CDN 教程,免費提升 WordPress 網站速度 50 % | 5

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

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

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

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

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

CDN 如何運作?

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

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

【2021】Cloudflare CDN 教程,免費提升 WordPress 網站速度 50 % | 6

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

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

【2021】Cloudflare CDN 教程,免費提升 WordPress 網站速度 50 % | 7

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

使用 Cloudflare 的好處?

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

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

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

如何启用Cloudflare

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 9

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

启用 Cloudflare 的方式非常简单,只要去 Cloudflare 注册一个免费帐号,然后再将你域的 Nameserver ( 域名服务器 ) 换成它们的就可以了。

举例来说,假设你原本是使用Godaddy来管理你的域,你只要去Godaddy那边将你的Nameserver(名称服务器)更改为Cloudflare的Nameserver即可完成,非常简单。

不过丑话先说在前头,正确启用Cloudflare的步骤,可能还是会因为每个人网站结构的不同而有所调整,这部分还是需要网站管理者对于主机、网域、DNS有相关的了解再来操作比较好。

因此当你依照了下面的教程,可能会出现 Error Too Many Log 的错误,这时候建议你先停用 Cloudflare,并询问你的主机商如何解决。

预计完成时间:15 分钟。

注册 Cloudflare

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 10

来到Cloudflare官网,并点击右上角的按钮。註冊

输入账号密码

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 11

Cloudflare 的注册非常简单,不需要姓名也不需要身份证,只要 Email 跟一组密码即可完成。

值得注意的是,由于安全性的考量,Cloudflare 的密码需要包含特殊字符,例如, ,要记得加进去才能顺利注册。@~

输入你的域

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 12

在此启用您想要启用 Cloudflare 的网站域, 例如我的是 。www.itaoda.cn

选取免费方案

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 13

由于Cloudflare有提供一个账号一组免费域使用额度,因此在这边直接选免费方案即可,当然如果你有其它的需求可以选择更付费方案。

详细的方案差别,可以参考Cloudflare官网价目表。

验证域名解析

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 14

接着Cloudflare会去比对你在前面输入的域名的DNS纪录,并将比对结果显示在此给你检查,基本上不会有什么问题,直接按继续即可。

选择预设转移方法

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 15

接下来,我们选择使用默认方法进行启用Cloudflare,也就是通过改变 Nameserver ( 名称服务器 ) 的方式来进行转移 DNS 托管。

复制新的 Nameserver

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 16

接着复制中间 2 个 Cloudflare 提供给你的 Nameserver ( 名称服务器 ),先不要按下面的完成。

取代为新的 Nameserver

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 17

接着来到你的域商控制界面,找到有关于 DNS, Nameserver 相关的设定,并将原本的 Nameserver 更改为刚刚复制的 2 个 Cloudflare Nameserver,即可完成。

将SSL改为弹性

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 18

更改完 Nameserver 之后,回到刚刚 Step 7 的地方,并按下完成,就会跳出这个画面。

为了避免出现重新导向次数过多的问题,这边我习惯先将加密模式调成弹性。

确认成功启用

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 19

点击左上角的Cloudflare Logo,如果你的画面跟我一样显示着自己的网域+绿色的勾勾的话,就代表你成功启用Cloudflare了。

如果成功了的话,就接着点选进去; 如果还没成功,就再等个 10 ~ 15 分钟,通常就会完成了。

管理 DNS

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 20

最后,点选上方工具栏的,如果在这边有出现你全部的DNS纪录,就说明你的网站及网域目前已经在Cloudflare的运作之下了,前面所提到的Cloudflare CDN以及防止DDOS攻击都已经成功启用!DNS

顺带一提,如果你之后需要更改网站的 DNS 纪录,请直接来 Cloudflare 进行修改,不要跑回去之前的域商唷。

云耀斑设置

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

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

域名解析

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 21

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

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

SSL/TLS

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 22

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

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

Caching ( 快取 )

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 23

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

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

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

Speed ( 速度 )

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 24
【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 25
  • 自动缩制:开启此选项,可以消除网页中代码的注解、空白、间隔,减少了档案的大小,进而达到为网站加速的目的。
  • Brotli:一个类似的数据压缩格式,可以加速访客 https 流量的网页加载速度,开启前请先检查你的网站有没有支持 Brotli,否则会没有效果。Gzip

启用/停用 Cloudflare CDN

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

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

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 26

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

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 27

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

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

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

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 28

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

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 29

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

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 30

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

使用 WordPress 插件管理 Cloudflare

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

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

下载 Cloudflare 插件
【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 31

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

进行设定
【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 32

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

登入 Cloudflare
【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 33

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

取得 API Key
【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 34

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

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 35

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

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 36

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

【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 37

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

快速设定Cloudflare
【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 38

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

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

Cloudflare 常见问题

Cloudflare 是什么?

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

Cloudflare 是免费的吗?

Cloudflare 有提供一组帐号一个域的免费方案,同时也有提供多种不同的付费版本,你可以依照你的需求进行选择。

Cloudflare 的免费版就够用了吗?

Cloudflare 免费版便提供了最重要 CDN 以及抗 DDOS 攻击的功能,因此如果你跟我一样是个人用户、部落客、或是一人公司的话,那么其实使用免费版就绰绰有余了。

但如果你是为了公司的网站进行设定的,这时候可以考虑升级方案。

Cloudflare 的节点有哪些国家?

Cloudflare的服务据点已经遍布超过200个城市、并横跨100多个国家,其中Cloudflare也有在台北(Taipei)设立数据管理中心,因此相当适合中国用户,具体还有在那些国家与城市设点,可以参考官方网站。

Cloudflare 会影响 SEO 吗?

由于 Cloudflare 是通过 CDN 进行缓存网站的方式存储数据的,有些人可能会担心这样显示在 Google 上的搜索结果会不会不一致。

但其实对 Google 来说,Google 的爬虫依然会绕过 CDN 直接进入到你主机的数据库之中,因此并不会因为启用了 Cloudflare 而影响到 SEO。

WordPress 可以使用 Cloudflare 吗?

就如同一般所有网站一样,WordPress 也可以使用 Cloudflare,并且还能直接在你的 WordPress 网站上通过 Cloudflare 官方开发的 WordPress 插件进行更改设定,非常非变。

整体评价

云耀斑
【2021】Cloudflare CDN 教程,免费提升 WordPress 网站速度 50 % | 39

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

原文链接:https://www.itaoda.cn/blog/2693.html,转载请注明出处。

0
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板