如何使用CDN77加快WordPress网站的速度

在上一篇文章中,我们在博客上探讨了使用WordPress进行CDN服务的好处,以及为什么CDN是多次提高WordPress速度的最佳方法之一。 。我们观察到,如果您的访问者远离主机服务器,性能将提高多少。我们希望能引起您的兴趣,因为在今天的文章中,我们将逐步指导如何在CDN77上创建CDN资源以及如何对其进行适当的调整。之后,我们将在WordPress上安装一组特定的插件,然后检查一切是否正常.


我们指南的第一步是 创建一个CDN77帐户. 如果您还没有帐户, CDN77提供免费的14天试用期. 注册仅需几分钟。然后我们实际上将通过单击创建新的CDN资源(在CDN选项卡下)来创建CDN资源。就本文而言,我们将在拉斯维加斯数据中心托管的电影博客上实现CDN.

cdn77-with-wordpress-03

由于我们将实施完整的HTTPS解决方案,因此我们将在CDN77使用新的“ HTTPS”。此选项可确保从主机服务器到CDN服务器的数据传输安全.

如果您的站点以SSL模式运行,则绝对需要在CDN77上创建仅SSL资源。否则,您将面临混合内容错误的风险。当浏览器以SSL模式运行并且突然尝试通过不安全的HTTP请求加载资源时,会发生此类错误.

CDN77-with-wordpress-04

如何在CDN77上设置SSL

我们可以通过两种方式设置免费的SSL证书。我们可以对xxx.c.cdn77.org的子域使用共享的SSL证书,也可以使用自己的CNAME(请参见上图)。一般而言,我们鼓励使用cdn.yoursite.com之类的CNAME.

如果您选择CDN77共享解决方案,则无需进一步步骤即可使SSL子域正常运行.

在这种情况下,我们将设置一个CNAME。这意味着如果我们将网站替换为cdn.ourdomain,则可以立即通过HTTPS访问我们网站的内容。使用CDN77,只需单击几下即可获得SSL.

调整它 !

创建资源后,首先要查看的是“其他设置”菜单。如果您要使用HTTPS,则必须强制启用HTTP / 2。正常的HTTP / 1.x和HTTP / 2之间的速度提高很大。默认情况下,CDN77将在HTTPS资源中以HTTP / 2模式工作,从而将您的时间减少了一半.

如果您通过HTTPS进行操作,则还需要执行重定向301以符合Google的HTTPS标准,请启用HTTPS重定向.

为了获得最佳性能,请在“忽略查询字符串”中启用全部忽略。除非您的站点运行的动态加载的内容需要每小时更新一次,否则您可以避免使用查询字符串并忽略所有内容,这将极大地提高缓存和站点的性能.

CDN77还提供了“缓存过期”选项。如果您加载大量图片,则应将其设置为可能的最高设置,即12天.

在本指南中,我们将首先考虑速度。因此,CDN仅向我们提供图像静态内容,其他所有内容将从原始服务器加载.

为什么不将CDN用于Javascript和CSS,您疯了吗?

请记住,在上一篇文章中,我们讨论了当CDN网络的请求节点上的内容不可用时,CDN性能如何变化。好吧,如果尚未缓存的文件恰好是CSS文件,则加载时间将增加,并且可能会对性能产生负面影响。与您决定不通过CDN提供CSS相比,这可能会大大影响您的网站渲染速度.

CSS和Javascript文件对于在任何浏览器上加载网站都是至关重要的,它们不应像CDN服务中的缓存机制那样受高速缓存机制的约束。虽然,您可以在CDN上创建静态资源以转储此重要文件。这是一种更高级的技术,需要您将WordPress调整到超出本教程范围之外的水平.

正确调整所有内容后,我们可以进入“数据中心”菜单选项卡.

cdn77-with-wordpress-07

CDN77提供了一种启用/禁用其网络中每个节点的便捷方法。关键是要仔细选择最活跃使用的节点。这很容易发现,只需跟随您的读者.

一旦知道需要哪些节点,建议您禁用所有可分配的节点。有一个简单的解释:网络上的节点越多,更新所有节点所需的时间就越多,因此,性能会受到影响。通常,当减少节点数时,也会提高缓存性能。做出明智的选择.

首次测试网站性能时, 清除和预取 可能很方便。清除会将特定内容从CDN网络中推出,如果您更改了内容并需要刷新缓存以进行更新,这将非常方便。预取将相反,它将强制特定内容进入CDN缓存.

cdn77-with-wordpress-10

配置完所有内容后,您可以将CNAME指向您自己的域。为此,您必须在注册商或“ DNS”部分的主机面板中创建一个规则,并将您的cdn.yourdomain.com指向CNAME xxx.rsc.cdn77.org,如图所示,这将指示DNS将所有子域的流量重定向到所需的实际位置。不用担心,它不会影响性能。此外,它还可以向读者显示您使用的是 cdn.yourdomain.com 看起来不错.

如果您更喜欢使用cdn77.org地址,则无需执行任何操作,只需在替换WordPress中的内容时使用该地址即可.

WordPress方面

在WordPress方面,我们需要添加一个插件才能正常工作。我们将使用 CDN启动器, 一个方便的免费插件。使用此插件的原因很简单-大多数CDN插件都不允许对发送到CDN的文件夹进行如此精细的控制。这个插件确实有用,对于我们的案例来说非常重要,因为我们不想包含任何Javascript或CSS文件,而只是包含上传的图片.

cdn77-with-wordpress-14

安装后,您可以在这里找到插件…

cdn77-with-wordpress-15

让我们进行调整 !

cdn77-with-wordpress-16

还记得我们谈论定制的时候吗?这是有关如何在WordPress上正确设置CDN的最重要的事实。绝大多数CDN插件都会告诉您包括CDN要“复制”的目录,并且通常会告诉您包括wp-content。一般设置很好,但对您的性能不利,因为wp-content文件夹中充满了另一个非常敏感的文件夹,即plugins和themess文件夹,其中包括大量的Javascript和CSS文件。如前所述,当它们不被缓存时,您可能会失去性能.

那么,我们该如何解决呢?我们仅包含文件夹wp-content / uploads。如此简单的解决方案!

可能令您震惊的是,处理CDN的绝大多数插件都不允许您这样做。仅包含此子文件夹将指示您的CDN到您的上传文件夹,即仅图片.

cdn77-with-wordpress-17

对该站点进行简单的刷新将使CDN可以为您获取内容。在此示例中,我们打开了Firefox开发人员标签(F12)并搜索了第一张图像。您可以清楚地看到链接已被替换,现在可以直接从CDN而不是我们的主机服务器加载链接!

之前和之后

让我们看看结果如何 !

在左侧屏幕中,我们可以看到从瑞典加载站点所需的时间(距离我们的拉斯维加斯主机服务器很远吗?)在右侧屏幕中,我们可以看到性能提高了,时间是几乎减半!所有重要文件仍在从我们位于拉斯维加斯的服务器加载,但负担很重的文件(如图像从瑞典的节点加载).

包起来

希望您学习了一种将CDN实施到WordPress网站中的有效方法。有些技术是非侵入性的,例如对于站点加载速度必不可少的CSS和Javascript文件。您现在可以利用CDN的所有优点,同时最大程度地减少其缺点。我们希望您可以免费试用CDN,并使用本文中的提示来查看是否可以加快WordPress网站的速度。希望您喜欢这篇文章!与往常一样,在下面的评论中留下任何疑问或疑问.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map