国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)

  • 正文内容
  • 相关推荐

一个网站最影响用户体验的就是网站打开速度,如果一个网站的打开速度超过3秒,那么会有40%的用户选择离开,所以说我们一定要把网站速度做到极致,能优化就使劲优化。影响网站打开速度的因素有很多,我认为有以下几点

1,代码是否精简,现在都在崇尚精简代码,像那种动不动就写个几万行代码的网站现在已经很少见了,代码太多,加载的时间就会加长。

2,图片优化,这个不用多说,能压缩就压缩,具体压缩方法可以参考之前的文章《Wordpress建站常用插件》

3,使用第三方网站加速服务,国内的话就是百度云CDN,国外的话推荐MAXCDN和CLOUDFLARE,其中MAXCDN目前被STACKPATH收购了,今天这篇文章主要是写Cloudflare.

教程正式开始

一、注册CloudFlare

CloudFlare官方注册地址:https://www.cloudflare.com/a/sign-up

1、点击注册地址,填写邮箱和密码,点击Create Account出创建账户。

国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)

2,创建完以后,会让你填入你需要加速的网站, 确认下一步,点击next,

国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)

3,这一步我们选择免费计划

国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)

国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)

4,这一步只要确保你的A记录的域名IP指向正确,右边的小云朵是橙色的就可以了,然后点击继续。

国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)

5,这一步是要到你的域名后台,更改你的DNS Nameserver,我以万网的域名为例,登录到万网后台,找到你的域名,然后点击管理修改DNS

国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)

点击修改DNS进行修改,修改成cloudflare的nameserver,具体如下

国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)

修改

国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)

国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)

点击确认后,整个配置过程结束,需要等待48小时生效,但实际上很快就生效了。然后我们回到Cloudflare的页面上,如果看到以下结果说明配置成功,已经生效了。

国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)

是不是很简单啊,赶快去设置吧,如果觉得免费的还不满意,直接升级到付费。对电商网站来说,配置CDN加速是十分有必要的。

cloudflare 很强大,功能也很丰富,好好利用这些功能,合适的配置会使我们网站的访问速度和安全性都得到进一步的提升。


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


访问加速

Speed 选项

  • Auto Minify:选择压缩 JavaScript、CSS、HTML;
  • Rocket Loader:Automatic(自动);


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


Caching 选项

  • Caching Level:Standard(标准);
  • Browser Cache Expiration:4 hour;
  • Always Online:on;


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


调试模式,不使用缓存。长关,在调试网站如果需要实时预览变化可以打开。


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


安全防护

Firewall 选项

  • Security Level:High;
  • Challenge Passage:30 min;
  • Browser Integrity Check:on;


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


Scrape Shield 选项

此选项下全开:

  • Email Address Obfuscation:on
  • Server-side Excludes:on
  • Hotlink Protection:on


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


Page Rules(页面规则)

Page Rules 具有很高的自定义程度,该规则可对自己的网站进行针对性优化。不同的博客系统配置也不一样。

CloudFlare 默认仅缓存静态内容,如css,图片 等,我们可以利用页面规则来使 CloudFlare缓存所有内容,包括 HTML。


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


关键符号:*,为通配符。

举例:

*local.com/*:      对网站 local.com 的所有内容生效;
*local.com/a/*:    对网站 local.com 的 a 文件夹下的所有内容生效;
local.com/*a.html: 对网站 local.com 的以 a.html 结尾的所有内容生效;

通过 Page Rules,我们就可以设定不同内容所对应的不同规则了。


具体原则是:

  • 缓存尽可能多的内容,减少回源请求;
  • 需要实时预览变化的内容(如网站后台等)不要缓存;


这里以 wordpress 为实例,添加一条规则:

规则目的:将网站所有内容缓存,并设置缓存失效时间、网站永久在线、邮箱混淆等规则。


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


Page Rules 免费用户可以设置 3 条自定义规则,需要注意的是,规则的上下次序会影响效果,上面的规则会优先生效。一般将全站规则放在最下面,上面的为具体的页面规则。


其他

Analytics 选项

显示网站相关数据,包括网络请求、威胁数量、爬虫收录、节省资源情况等信息。


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


Caching 选项

当网站内容更新后,如果缓存期限还未到,那么更新内容并不会立即生效,就需要进入 cloudflare 后台手动刷新缓存。可以输入更新的页面只刷新该页面的缓存,也可以刷新全站的缓存。


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


Overview 选项

可快捷切换 CDN 模式,当网站处于被攻击中时调整到 Under Attack Mode 提高防护能力。


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


Apps 选项

可以给网站添加小部件扩展网站功能。


国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)


结语

cloudflare 的服务还是很不错的,功能也很丰富,对于普通用户免费版也足够使用了,虽然对国内访客来说加速效果有限,不过其安全防护功能也是很不错的,起码隐藏了网站的真实 IP ,面对恶意攻击有了一个“挡箭牌”。

CTRL+D快速收藏,欢迎常来喔

本文标签:这篇文章木有标签

本文标题: 国外免费CDN 手把手教你如何配置免费的CDN加速(Cloudflare)

本文链接: https://www.zyoua.com/Website/1371.html

版权声明:若无特殊注明,本文皆为《 有啊 》原创,转载请保留文章出处。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

允许邮件通知
既然没有吐槽,那就赶紧抢沙发吧!