WordPress访问速度优化,从小型博客到大型商店的优化之路

WordPress是目前非常流行的框架,如果单单是用于博客使用,流量不大的情况下,速度不优化都可以,如果流量比较大,那只需要注册cloudflare连接CDN+WP Rocket加速插件就可以达到上面的效果了

当如果你在Wordpress中安装WooCommerce后,建立线上商店后,再安装Elementor相关系列插件后,你会发现光靠上面的两个手段已经无法提速,即使更换别的加速插件也是一样,而且两个功能相同的加速插件还会冲突。但是加速所能用的手段基本都在插件中包含了,一时好像也没啥招了。。。。

经过一段时间的研究,我发现加速的核心无非就2个,第一是缓存,常见的页面缓存和静态缓存,通过cloudflare和WP Rocket就已经做得不错了。第二个是JS和CSS的处理,根据pagespeed显示的消息看,WP Rocket 处理是远远不够仔细的,后面我测试了几款插件,终于找到能够完美处理90%JS和CSS的插件了

Debloat – Remove Unused CSS, Optimize JS

最终,我形成了cloudflare+WP Rocket+Redis+Debloat的方案,这套方案我在尝试有90+插件的网站中使用,也可以让网站的速度在3秒以内,评分85+以上

下面具体的实现流程

一、Cloudflare

https://dash.cloudflare.com

创建您的免费 Cloudflare 帐户

接下来,系统会提示您选择一个计划。您
现在可以选择
免费计划,因为它提供了大多数 WordPress 网站所需的所有功能:

一旦您选择了计划,Cloudflare 将扫描您网站的 DNS 记录。

如果您不确定这里发生了什么,请不要担心。您唯一需要验证的是,您是否看到主域名旁边有一朵橙色云(默认情况下您应该会看到它 - 无需采取任何措施):

更新名称服务器以指向 Cloudflare

现在,Cloudflare 将为您提供一组新的名称服务器来替换您现有的名称服务器:

名称服务器是您用来将域名连接到网络托管的一部分。当您切换到 Cloudflare 的名称服务器时,Cloudflare 能够将流量引导至您的网站。

更改域名的名称服务器后,返回 Cloudflare 界面并单击完成,检查名称服务器按钮。

⚠️名称服务器最多可能需要 24 小时才能更新,因此您可能需要等待一段时间才能让 Cloudflare 更新。除非已经过了至少 24 小时,否则不要惊慌并认为您犯了错误。

验证连接是否完成

单击完成后,您可能会看到一条消息,告诉您需要完成名称服务器设置:

再次强调,不要惊慌。名称服务器可能需要长达 24 小时才能更新,因此即使您正确完成了所有操作,几个小时后才看到此消息也是完全正常的。

等待 30 分钟到一个小时,然后单击“立即重新检查”按钮以查看名称服务器是否已更新。

一旦完成,你就会看到一条成功消息:

就这样!您刚刚为 WordPress 设置了 Cloudflare。剩下的优化配置根据需要依次开通即可。

总结:对接Cloudflare,主要就是在域名服务商那里把域名DNS解析到Cloudflare,从此以后,关于域名的解析都在Cloudflare处理,包括邮箱解析、更改域名指向的ip等等原本要到域名服务商处理的操作,都在Cloudflare上完成。

由于Cloudflare已经解析了域名,所以是否安装Cloudflare插件都可以,在Wordpress安装Cloudflare插件只是方便管理而已了,可有可无!!!

二、WP Rocket

在Wordpress安装WP Rocket插件,安装激活后,开始配置

注意,压缩JS和CSS这块不开启,全部关闭

其他配置全部默认即可

总结:除了JS和CSS优化这块不启用以外,其他都可以根据需要自主打开。该插件的主要作用是页面缓存+媒体延迟加载+预加载+api控制的功能

三、Redis

在Wordpress中找到Redis Object Cache插件,安装激活插件

点击打开配置,插件会自动扫描服务器是否安装Redis,如果没有,则需要自行去服务器给PHP安装Redis。

现在服务器基本都使用控制面板来管理服务器,如果没有安装控制面板的话,则需要自行在服务器命令行中输入相关安装Redis的命令来安装。

下面是用宝塔控制面板安装Redis

安装完毕后,重载配置和重启PHP

插件配置生效的效果图

如果还不行,那么可能需要安装Redis软件

还是不行,那么需要在网站的配置文件wp-config.php中,加入以下代码

// Redis 配置
define('WP_REDIS_CONFIG', [
    'scheme' => 'tcp',
    'host'   => '127.0.0.1', // Redis 服务器地址
    'port'   => 6379,        // Redis 默认端口
    'password' => null,      // 如果设置了密码,填写密码
    'database' => 0,         // Redis 数据库索引
]);

总结:Redis对象缓存能够给网站在高流量高并发时,可以显著提高网站性能。如果网站流量不大的情况下,可以略过这个插件

四、Debloat

网站评分提高的核心点就在这个插件中,安装激活后

CSS配置方案

JS配置方案

总结:Debloat对于CSS和JS作出了非常详细的优化,特别是对elementer的JS和CSS的优化,全面解决了网站的堵塞问题

5 1 投票
文章评分
0 评论
最旧
最新 最多投票
内联反馈
查看所有评论