如何使用W3 Total Cache+CloudFlare使WordPress更快

使用W3 Total Cache和CloudFlare使WordPress速度提高10倍

我们不要拐弯抹角了:

你需要一个快速加载网站。

加速你的网站让你的访问者更快乐,提高他们从你那里购买的机会,甚至让你从一开始就拥有更多的访问者!

但是,即使你知道你需要一个更快的网站,当缓存、缩小和内容交付等术语被混为一谈时,它可能会开始感到有点难以承受,对吗?

因此,如果您一直在为提高网站速度所需的时间或技术诀窍而挣扎,我为您提供了指南。

在本指南中,我将向您展示如何大幅缩短WordPress站点的加载时间不用付一分钱。为此,您将使用两个免费工具:W3 Total Cache WordPress插件和一个名为CloudFlare的服务。

我将使用真实的屏幕截图引导您完成流程的每个步骤。所以,无论你是一个完全的新手还是一个高级的WordPress用户,你都能弄清楚一切。

让我们开始吧!

W3 Total Cache和CloudFlare如何提高页面速度?

除了选择高质量的托管,您可以对WordPress网站的页面加载时间做出的两个最大改进是:

W3总缓存删除缓存部分。缓存通过提供静态文件而不是动态呈现的内容(WordPress充满了这些内容)来加速站点。我知道这听起来有点行话,但它真正的意思是,您的web服务器需要做的工作更少,因此可以更快地提供您的内容。

CloudFlare通过另一种方法提高网站速度:内容交付优化。如果没有CDN,您网站的每位访问者都必须从一个位置下载您的所有文件—您网站的数据中心。

无论他们位于德克萨斯州巴黎还是法国巴黎,他们都从同一个地方获取您网站的数据.CDN通过创建数据的多个全局版本来改变这一点。

然后,访问者可以从离他们最近的数据中心下载静态文件,如图像和视频,而不是从遥远的web服务器下载。这种物理距离缩短了下载时间,从而加快了网站速度。

将W3 Total Cache和CloudFlare放在一起,您就得到了一个页面加载时间大幅缩短的超级二人组。

注:W3 Total Cache和Cloudflare只能将网站速度提高到一定程度。如果您仍然遇到页面加载时间问题,我们建议使用NitroPack作为替代方案。这几乎是一种解决页面速度问题的“一键式”解决方案。免费试用NitroPack.

如何设置和配置W3 Total Cache

既然您知道了为什么这对搭档会如此有用,那么让我们进入设置一切的实际操作部分。

W3总缓存过去是设置起来真的很痛苦,因为它有这么多不同的设置。当然,它的设置仍然比普通的缓存插件多得多,但是新的设置向导的引入使得为WordPress站点选择最佳设置变得更加容易。

一旦设置了W3 Total缓存,将其与Cloudflare集成也非常容易。

所以,让我们一步一步地看一遍,并附上大量的说明…

步骤1:安装W3 Total Cache并完成安装向导

要启动,您需要安装并激活WordPress的W3 Total缓存插件。组织机构. 您可以通过访问插件→ 添加新内容在WordPress仪表板中,按名称搜索。

激活插件后,单击新表演选项卡启动安装向导:

W3 Total Cache 01-启动安装向导

首先,选择是否要与W3 Total Cache共享匿名使用情况数据。您可以根据自己的喜好接受或拒绝。

然后,安装向导将引导您在站点上配置各种类型的缓存,以及一些其他选项。

对于每种类型的缓存(例如页面缓存、对象缓存等),W3 Total cache支持实现该类型缓存的不同方法。

为了帮助您为特定服务器配置选择最佳方法,W3 Total Cache将对每种方法运行性能测试。然后,您可以选择最适合您的站点的方法。

下面是如何配置向导中的每个步骤…

页面缓存

当你到达页面缓存选项卡,首先单击按钮测试页缓存:

W3 Total Cache 02-测试页缓存

然后,您将看到适用于服务器的方法列表。如果有些方法说“不可用”,不要担心,这是完全正常的.

您希望选择在加载时间上提供最佳/接近最佳减少的选项。在这个例子中,在大多数情况下磁盘:增强方法,这也是W3 Total Cache推荐的方法:

W3 Total Cache 03-磁盘增强方法

单击“下一步”保存您的选择。

数据库缓存

接下来,您将选择数据库缓存方法。

数据库缓存可能很棘手,因为它并不总是能提高性能,尤其是在廉价的共享主机上。所以对于网站,实际上最好还是禁用它(没有一个).

对于我的测试站点,您可以看到数据库缓存实际上减慢了加载时间,或者没有带来任何改进。

如果你的测试结果和我的一样(再说一次,他们可能会),您应该将其设置为没有一个然后单击下一个:

W3 Total Cache 04-无设置

对象缓存

现在,您可以选择对象缓存的方法。

在共享宿主上,对象缓存的唯一方法通常是磁盘您可以尝试使用磁盘对象缓存,但在共享主机上这通常不是一个好的选择,因为它将使用大量CPU资源。基本上,如果你只看到磁盘选项,只需将其保留为没有一个.

但是,如果您的服务器支持Redis或Memcached,那么您应该考虑启用对象缓存。您可以选择性能最好的选项。就个人而言,我更喜欢Memcached。

下面,您可以看到我的服务器同时支持Redis和Memcached。其中,Memcached表现最好(磁盘的性能非常糟糕):

W3 Total Cache 05-Memcached性能最佳

浏览器缓存

使用浏览器缓存时,即使安装指南会提示您测试浏览器缓存,也没有什么需要测试的。

只需选择启用然后单击下一步:

W3 Total Cache 06-浏览器缓存已启用

惰性负载

在下一页,W3 Total Cache将询问您是否要延迟加载图像。

WordPress现在为中的图像提供内置的本机延迟加载支持本机延迟加载的浏览器(除了Safari之外,其他主要浏览器都是).

如果要确保Safari访问者的延迟加载,可以选中以下框:

W3 Total Cache 07-延迟加载设置

总结

就是这样!您刚刚完成安装向导。最后一页应显示您选择的摘要。

W3 Total Cache 08-安装完成

现在,是时候做一些其他调整了…

步骤2:配置更多高级缓存设置(可选)

表演选项卡,W3 Total Cache包括一吨不同缓存方法和功能的不同设置。

W3 Total Cache 09-性能选项卡下的高级设置

如果你是一个修补匠,你可以在这里挖掘并定制所有东西的工作方式。

但问题是:

对于大多数站点,这里的默认设置完全可以。你真的不知道需要改变一切。

因此,除非您的站点有特定需求,否则我建议您不要在安装向导中配置的设置之外更改任何其他设置。

那么这些“特定需求”可能是什么呢?

一个重要的问题是,如果您有特定的内容或类型的用户,您需要出于某种原因将其从缓存中排除,例如,如果在这些情况下提供缓存内容会破坏关键的动态功能(如动态会员网站).

在这种情况下,您可能想表演→ 页面缓存并向下滚动至先进的设置排除的部分:

W3 Total Cache 10-安装排除

但总的来说,对于大多数网站(如博客),您确实不需要更改任何详细设置。

步骤3:激活W3 Total Cache Cloudflare扩展

现在已经设置了W3 Total Cache本身,让我们开始将其与Cloudflare集成。

W3 Total Cache有一个内置的Cloudflare扩展,用于两个关键目的:

  1. 它允许您从WordPress仪表板中清除Cloudflare缓存。您还可以在更改帖子时自动清除它。这是设置扩展最重要的好处。
  2. 它允许您从WordPress仪表板配置Cloudflare设置(尽管您也可以从Cloudflare仪表板配置它们,我更喜欢).

在WordPress仪表板中,转到表演→ 扩展并激活CloudFlare扩展名:

W3 Total Cache 11-激活Cloudflare扩展

稍后您将返回到此扩展,但首先,您需要使用Cloudflare设置站点。

如何为WordPress设置和配置Cloudflare

现在,是时候用Cloudflare服务设置WordPress站点了。然后,完成此操作后,您将通过刚才启用的扩展将W3 Total Cache连接到Cloudflare。

步骤1:注册Cloudflare帐户并添加网站

前往Cloudflare网站并注册一个帐户。

创建帐户后,Cloudflare将提示您添加网站。输入站点的URL并单击添加网站:

Cloudflare 01-添加新站点

Cloudflare现在将向您显示一个定价页面,使其看起来像您必须注册付费计划。你不会——别上当了!

只需在付费计划下方向下滚动,然后选择免费计划。然后,单击持续:

Cloudflare 02-向下滚动至免费计划

步骤2:验证DNS记录

现在,Cloudflare将扫描您站点的DNS记录。我知道这可能看起来很复杂,但实际上你需要做的就是验证你是否在主域名旁边看到橙色的“代理”云(默认情况下,您应该). 然后,单击持续:

Cloudflare 03-验证DNS记录

高级用户可能希望在这里进行修补,但99%的网站不需要更改任何内容.基本上,除非你知道自己在看什么,否则没有理由改变任何事情。

步骤3:更新名称服务器

在最后一步中,您需要将域的名称服务器更新为Cloudflare提供的新名称服务器。

如果您从GoDaddy或name便宜(name便宜)等服务购买了域名,您将在那里更新名称服务器。如果您通过web托管,您需要从主机仪表板更新名称服务器。

如果您需要帮助,注册官的支持团队可以为您指明正确的方向。

Cloudflare 04-更新名称服务器

完成后,单击完成,检查名称服务器

更改可能需要24小时才能生效。但别担心,你的网站不会经历任何宕机。这意味着Cloudflare可能不会在24小时内真正开始加速您的站点。

在下一个屏幕上,Cloudflare将提示您启动安装向导。但是,我建议跳过此步骤,因为我将引导您手动配置设置:

Cloudflare 05-跳过设置建议

步骤4:将W3 Total Cache extension连接到Cloudflare

将站点配置为使用Cloudflare后,可以返回WordPress仪表板并配置W3 Total Cache Cloudflare扩展。在WordPress中,转到表演→ 扩展然后单击设置在Cloudflare扩展下。

在扩展的设置中,单击批准按钮:

Cloudflare 06-授权您的帐户凭据

这将打开一个提示,您需要在其中输入:

  • 您的Cloudflare帐户的电子邮件地址。
  • 您的Cloudflare API密钥

要获取Cloudflare API密钥,单击此URL. 然后,向下滚动至全局API密钥框并单击看法:

Cloudflare 07-查看您的全局API密钥

该框中的值是您需要粘贴到W3 Total Cache设置中的值:

Cloudflare 08-在W3 Total缓存中输入API密钥

单击“下一步”后,系统将提示您选择“区域”,这是您网站的URL:

Cloudflare 09-选择您的区域

就这样!您的站点现在应该已连接。您还可以从WordPress仪表板配置关键的Cloudflare设置:

Cloudflare 10-连接完成

步骤5:配置Cloudflare SSL设置

对于最后几项设置,您可以从Cloudflare仪表板或W3 Total Cache Cloudflare扩展配置它们。

不过,我将使用Cloudflare仪表板进行屏幕截图和说明。

首先,您需要确保已正确配置Cloudflare的SSL设置,以避免出现诸如Chrome中的ERR\u TOO\u MANY\u重定向消息之类的错误。

要访问Cloudflare中的这些设置,请转到SSL/TLS选项卡。

如果您的站点已经有SSL证书(就像免费的让我们加密来自主机的证书一样),则应将Cloudflare SSL设置设置为满的.

Cloudflare 11-配置CloudflareSSL设置

如果您的站点没有SSL证书(目前这种情况非常罕见),那么您可以使用Cloudflare的灵活选项。

步骤6:启用缩小和Brotli压缩

最后一步,您需要配置Cloudflare以缩小站点代码并应用Brotli压缩。

要设置此项,请转到速度Cloudflare仪表板的选项卡。然后,选择优化选项卡。

在下面自动缩小,选中所有三个框中的JavaScript、CSS和HTML。

然后,在下面,确保已启用Brotli压缩:

Cloudflare 12-启用Brotli压缩

就这样!保存您的设置,开香槟,庆祝工作圆满完成。

打包东西

哎哟,我知道那太多了。但一旦你完成了这个过程,你就应该永远完成它!

这意味着一个小时左右的痛苦将使你一生的页面加载时间得到改善。就投资回报率而言,这是一场有保证的胜利!

但请记住,还有其他缓存插件比W3 Total Cache更容易使用。如果您想了解更多信息,请查看我们在最佳WordPress缓存插件.

使用W3 Total Cache和CloudFlare使WordPress速度提高10倍
787分享