SiteGround主机开启免费Cloudflare CDN服务提高网站打开速度 WooCommerce教程

新注册Shopify账户可获得 14 天免费使用优惠 – 立即注册账户获取

SiteGround主机将Cloudflare CDN加速服务集成到了自己的主机控制面板中,因此我们可以直接在SiteGround后台为我们托管在SiteGround上的WooCommerce网站申请免费的CDN加速服务,来提高我们网站的打开速度。

CDN 全称为 Content Delivery Network,又称内容分发网络。提供CDN服务的公司很多,不过CloudFlare算是这一行业里面的领头羊,Shopify所使用的CDN服务也是Cloudflare的。Cloudflare在全球200多个城市建立了数据中心,我们使用Cloudflare的CDN服务,Cloudflare就会将我们的网站部分静态资源例如网站里面的图片,CSS和JS文件复制下来,然后分发分别粘贴存储在它分布在全球200多个城市中的服务器中,这样,即使我们的网站是放在SiteGround美国的数据中心的,那么英国的客户访问我们的网站的时候,他所看到的网站你可以理解是存储在距离他最近的Cloudflare数据中心的网站副本的内容。通过这种就近原则来提高我们的网站打开速度。

事实上,我们使用的免费的Cloudflare CDN服务,数据只会存储在它其中100多个数据中心中,这已经能够满足绝大多数人网站初期的基本需求了,如果后期免费CDN服务已经不能满足需求,可以随时付费升级到付费版本服务。

WooCommerce教程

目前Cloudflare为SiteGround用户提供了两种定制话的服务,Basic 和 Premium,我们所使用的免费版本就是Basic,后面你可以升级到Premium,每个月11.95美金,如果Premium还不足够满足需求,那么你可以直接去Cloudflare官网购买更高版本的服务。

接下来就跟着我们的WooCommerce教程一起来申请 CloudFlare 的免费CDN服务,首先进入到SiteGround的后台,然后在网站列表页面点击Site Tools进入到网站的主机控制面板中心。

打开WooCommerce主机控制面板

进入到主机控制面板之后,在左侧边栏点击SPEED – Cloudflare,进入到Cloudflare账户申请和设置页面。整个设置过程分为3个部分:

WooCommerce教程 创建Cloudflare账户

 

注册Cloudflare账户

点击上图右下角的SET UP按钮,在弹窗中选择CREATE NEW选项用来创建Cloudflare账户,如果你已经在Cloudflare官网创建了账户,可以选择Connect Existing选项绑定你的Siteground账户和Cloudflare账户。

注册新的Cloudflare账户,输入你要注册账户的邮箱地址和密码,勾选上Cloudflare服务条款,然后点击右下角的CREATE按钮即可。

创建Cloudflare账户

 

Cloudflare账户的激活

Cloudflare账户创建成功之后,页面会自动刷新,然后打开如下图所示页面,在Domain中选择要使用Cloudflare CDN服务的网站域名,同时勾选“I want you to automatically re-configure my website to work through WWW”。然后点击ACTIVATE FREE 按钮,激活 Cloudflare 账户。

WooCommerce教程 激活Cloudflare账户

点击ACTIVATE FREE按钮之后,页面会再次自动刷新,然后会显示如下图所示页面。可能会提示你DNS CHECK FAILD,以及 WWW REDIRECT CHECK FAILED提示。如果你是按照我们的WooCommerce建站教程操作的,那这里的警告提示可以忽略,稍等1-2分钟之后,点击下图箭头指向的refresh按钮,或者直接刷新当前页面,这两条提示就会自动消失。

激活Cloudflare账户

因为我们之前的WooCommerce教程中,在域名的绑定操作过程中,是把域名的DNS服务器修改成了SiteGround提高的DNS服务的,因此,在激活Cloudflare CDN服务的过程中,Siteground会自动帮我们把需要添加的两条CNAME记录添加到域名的DNS解析记录中。如果你用的不是Siteground的DNS服务器,那就只能按照上面的提示去添加CNAME记录,然后再回到上图所示页面刷新页面验证解析记录是否添加成功。

Cloudflare成功激活之后,Status就会显示绿色的ACTIVE按钮。

 

Cloudflare CDN的配置

在成功激活CloudFlare的免费CDN服务之后,下一步要做的就是对Cloudflare做一个简单的配置操作。

Cloudflare缓存管理配置 CACHE MANAGEMENT

Cloudflare Caching Level选择默认的Aggressive。也就是要求Cloudflare将图片,CSS,JS文件全部存储到CDN数据中心中,最大限度的来提高网站的打开速度。

Cache Purge 按钮是缓存清理按钮,点击PURGE按钮之后,Cloudflare会将存储在CDN数据中心的文件删除掉,并重新存储最新的文件,除非你的网站有重大的改版更新操作,否则不建议经常清理缓存。

Development Mode 实际上是暂时停用CloudFlare的服务,当你对网站做一些修改,想要修改立即显示到网站前台的时候,那么你可以先启用“开发者模式”,就可以实时看到修改的效果。开发者模式会在三个小时之后自动关闭。

设置Cloudflare缓存管理

 

Cloudflare 网站安全设置

Cloudflare Security Settings 按照Cloudflare的建议,初期选择 Low就可以。Cloudflare会依据第三方提供的IP信誉数据来决定该IP地址访问网站的时候是否显示人机验证功能来保护你的网站,太高的等级可能会给你的网站访客增加额外的负担。后期你可以按照你的网站流量质量,来随时调整安全等级。

Always Online 选择启用。意思是说,当你的网站宕机了之后,是否直接将Cloudflare存储的网站副本展示给客户。

Email Obfuscation Parameters 选择启用。启用之后,可以保护你显示在网站页面上的邮件地址被网络爬虫抓取,但是不妨碍正常的用户看到。有效保护我们的邮箱地址,防止垃圾邮件的轰炸。

设置Cloudflare安全设置

 

Cloudflare Speed 网站打开速度设置以及SSL证书设置

这个没什么说的,SPEED选项中的JS,CSS,HTML,以及Railgun全部启用就可以了。SSL证书支持选择 Full Strict,前提条件是你已经按照我们的申请和安装SSL证书教程给你的WooCommerce网站安装好了SSL证书。

WooCommerce教程 设置Cloudflare打开速度优化

完成以上的设置之后,我们的WooCommerce网站就成功开启了CloudFlare的CDN加速服务了。

WooCommerce教程 成功启用Cloudflare服务

你可以使用Webpagetest测试下你的网站的打开速度,例如 waimaob2c.store这个网站在Webpagetest的测试结果如下图所示:其中的Effective use of CDN为绿色背景的对勾,是说Webpagetest检测到这个网站目前在使用CDN服务来加速网站的打开速度。

WooCommerce教程 Webpagetest测试网站打开速度

未经允许不得转载:歪猫跨境独立站博客 » SiteGround主机开启免费Cloudflare CDN服务提高网站打开速度 WooCommerce教程

赞 (2)
新评论邮件通知
提醒
guest
0 评论
Inline Feedbacks
View all comments
  • 关注公众号 “ WaimaoB2C ” 第一时间获取网站最新内容,了解跨境电商独立站圈内圈外每天发生的那些事儿,和20000+独立站卖家共同成长。

    $$$$$$$$ 每月 1 本书 $$$$$$$$
    2020年8月推荐
    <The Truly Ultimate Guide To 10X Your Shopify Store> 

    公众号回复信息“ 10X ”获取本电子书下载链接。不想关注公众号的直接Google搜索书名,在搜索结果中同样可以获得电子书下载链接地址。
    该电子书不是“葵花宝典”,所以不能指望靠它“独步武林”,不过个人觉得对独立站新手来说还是有非常大的帮助的。对老手来说,实用性没那么大,不过如果电子书中有那么一两点对你的网站运营有所启发,我觉得也算是比较值了。

    *推荐亚马逊购买正版Kindle电子书或纸质书籍,获取最佳阅读体验。本分享来自于互联网以及网友上传,网站内所提供的下载链接均为站外链接,版权归原作者以及开发商所有,网站本身不存储相关资源文件. 如侵犯到版权方,请发送邮件到 hello@waimaob2c.com,站长会在第一时间删除并向您道歉。

  • Shopify 新卖家账户注册注意事项-非常重要

  • Shopify新卖家注册账户前请务必认真阅读以下注意事项:

    注册前关闭翻墙工具; 不建议使用 QQ,126,163邮箱注册账号
    打开Shopify官网 WWW.SHOPIFY.COM 获取 14 天免费使用
    注册账户时地址信息真实有效; 缴纳月租前关闭翻墙工具