如何使用 Cloudflare 加速和保护您的网站?

简单来说,Cloudflare CDN的作用就是缩短数据传输的距离。 让我们来看看它是如何加速您的网站在全球范围内的加载速度的。请继续阅读。

距离,不仅对人际关系有害,对数据传输也是一大障碍。

抛开玩笑不谈,高流量网站每增加一秒的加载时间,都会造成数百万美元的损失。 大量案例研究都强调了快速加载网站的重要性。

没有人喜欢等待,尤其是在选择如此之多的情况下。这里有一个数据:

来源: Pingdom

如果您想了解,跳出率是指那些访问您的网站后,没有任何操作就离开的用户的百分比。 没有转化,没有交易,只有毫无意义的网络流量。

对于博客和其他一些行业来说,高跳出率可能还能接受,但对于其他所有行业(电子商务、B2B、零售等)来说,这是一个危险信号。

内容分发网络 (CDN) 在其数据中心维护您网站的缓存版本。 这样,当用户访问您的网站时,内容会从最近的地理位置加载,从而最大限度地减少加载时间。

这正是Cloudflare在全球100多个城市的250多个存在点 (PoP) 所做的事情。它构建了一个真正的全球数据网络。

以下是Cloudflare可以为您的网站带来的一些好处:

  • 数据压缩和优化
  • 降低带宽成本
  • 负载均衡以提高性能
  • 强大的Web应用程序防火墙 (WAF)
  • 免费TLS/SSL证书安装
  • 商业计划的100%正常运行时间保证

总而言之,高效的CDN是您的安全屏障和性能加速器。 Cloudflare是市场领导者,在Alexa排名前一百万的网站中,有超过75%的网站都在使用Cloudflare。

接下来,让我们看看如何免费将您的网站添加到Cloudflare网络。之后,我将向您展示性能指标在添加Cloudflare之前和之后的对比。

测试设置

  • 我注册了一个月度计划的 SiteGround 主机,并使用WordPress构建了一个基本的测试网站 (techpostal.com)。
  • 我使用了Genesis Maker Pro子主题,并且没有启用任何缓存或安全插件。
  • 我还禁用了SiteGround的所有内部优化,以获得更一致的结果。

Cloudflare 入门

访问 Cloudflare 注册页面。 输入您的邮箱地址和一个强密码来开始使用。 然后,检查您的收件箱并验证您的邮箱地址。

接下来,返回控制面板以添加您的网站。 输入您网站的URL,然后点击“添加站点”。

接下来的页面会展示订阅选项。我选择免费计划来进行演示。

选择计划后,点击底部的“继续”。

然后,Cloudflare会扫描您网站的DNS记录。您可以通过您的域名注册商验证这些记录。

这也给了您取消选中某些记录的机会,防止它们通过Cloudflare代理。

因此,请在继续之前检查您的DNS记录。

下一步是更改您的名称服务器。这是设置任何CDN最关键(也是最简单)的一步。这个过程取决于您的域名注册商。如果您不确定操作流程,请参考这个Cloudflare更改名称服务器指南

优化

现在,Cloudflare会提供一些加速性能的建议。

我已经开启了这两个选项。第一个是关于使用SSL/TLS证书,第二个将有助于缩短加载时间。

此外,检查Brotli压缩和Rocket Loader是否已开启。因为免费计划的功能有限,最好启用这些功能以获得最佳性能。

最后,导航到“速度”>“优化”>“Brotli”。检查它是否已开启。

同样,在同一部分向下滚动并开启Rocket Loader。

名称服务器的更改需要一些时间。官方给出的时间是48小时,但实际上只需几分钟即可生效。

为了验证是否生效,您可以使用我们自己的techblik.com DNS查找工具,或者这个DNS检查器

性能检查

我使用了Blazemeter 来检查网站的响应时间。响应时间是页面加载时间的更详细的衡量指标。理想情况下,这两个指标越少越好。但通常来说,2秒的响应时间是可以接受的。

需要注意的是,“Cloudflare之前”是指在没有任何第三方或内部工具的原始状态下的网站状况。 “Cloudflare之后”是启用了Cloudflare CDN免费层并进行了一些调整后的网站状况。

结果如下:

Cloudflare之前

您可以看到平均响应时间和90%响应时间分别减少了12%和28%。 如果您不了解此报告中提到的参数,请参考此Blazemeter 指南

总结

很高兴看到即使是免费计划,Cloudflare也能提升这些数据指标。

我建议您试用Cloudflare的免费套餐。 设置简单,而且是明显的性能提升工具。

我们不应该忘记,我们仅仅测试了它与速度相关的方面。 但Cloudflare也可以作为安全屏障。 此外,即使原始服务器出现故障,它也可以保持您网站的静态版本在线。

您是否曾经想过释放它的全部潜力? Cloudflare也提供付费计划。 它的付费层有更多功能,如WAF,图像优化,移动优化等。

使用WordPress?

如果您使用的是WordPress,则应考虑使用WP Cloudflare 超级页面缓存插件。 它能智能地缓存整个网站(静态+动态内容)。这将进一步减少页面加载时间。

Cloudflare的替代品是什么?

Sucuri是一个非常强大的替代方案。

以下是一些页面速度监控工具,可以在您的网站出现故障时通知您。