如何减少 WordPress 网站的加载时间 - 6.3 秒到 2 秒
已发表: 2022-05-04视频记录
该视频将引导您完成我们在 Sagapixel 使用的将网站的加载时间从大约 6 秒缩短到更容易接受的过程。 希望我们能在这个网站的两到三秒范围内结束。
此方法将使用所有免费插件。 它们就在 WordPress 存储库中,我将解释它们每个人在我使用它时所做的事情。 让我们跳进去。 这是我们几个月前为尚未真正优化的网站所做的 GTMetrix 报告。
我实际上要去网站的前端,也要去使用我的浏览器,所以我们要去网络,我要做一个硬刷新。 我在 Mac 上。 我要按住 shift 并点击刷新,这样它就会清除缓存,而且速度很慢。 是的,那个东西有一个时间到六秒的第一个字节。

这太荒谬了,我们不会让客户网站坐在那里花那么长的时间来处理第一个字节。 现在,服务器本身可能是一个因素。 我知道他们使用的是质量非常低的 GoDaddy 主机,但我们绝对可以加快这件事的速度,所以在接下来的 10 分钟左右,我们将完成它。
首先我要登录这个东西,然后我们会转到插件。 首先需要激活的是这个快速的速度缩小。 Fast velocity minify 将结合大量正在加载的资产,所以首先,我相信它确实安装了 SSL,所以我要设置这个东西来强制 SSL。
我不打算检查那个。 这通常没什么大不了的。 我不想禁用 Google 字体合并。 我不想保留 CSS 文件的顺序。 我想在页眉和页脚中内联 CSS。 我检查这些设置的原因是我们主要使用 Elementor,而且我知道这些设置不会导致任何问题。
当您使用快速缩小时,如果您确实破坏了某些东西,它可能会在 Chrome 上,因此请确保在您完成所有设置并退出网站后,您使用 Chrome 启动并确保您没有杀死任何样式表。
好吧,我不会禁用任何东西。 这里看起来不错,所以我要保存它,我要重新运行 Gt 指标。 刚刚完成这可能会减少该站点上的一些加载时间。 不过,其中很多可能仍然是服务器。
好吧,这让它下降了一秒钟多一点。 不过,我们还没有完成。 我们要安装的下一个插件是……在这个站点上,我们有短像素图像优化器。 看起来它从未被激活,所以我们可能需要优化一些图像。
不过,我实际上不会使用那个。 我将安装另一个我们最近采用的插件,它将处理一大堆需要处理的东西,包括图像优化,所以我们必须重新优化。
好的,所以进入设置,我们要做的第一件事就是进入缓存。 我将启用页面缓存。 我还要确保我没有在这里已经激活的缓存插件,我们没有。 好的。 我将启用页面缓存。
接下来我要做的是继续预加载,我将激活这个预定的预加载器。 我想我们会每天做一次。 保存它,我现在要运行它,这将开始预加载所有的 URL,就像你可以阅读这里一样,实际将触发重新优化,通过访问页面来缓存网站以预加载它们这样当人类访问者第一次想要他们时,网站就不必生成所有内容。
我们得等一会。 接下来我要做的是转到图像,从现在开始我们将把它设置为自动压缩新添加的图像。 这将通过连接到 WP Smush 来实现。 如果你不想使用这个,我们可以取消选中这个,我会说短像素一般来说可能是处理图像优化时最好的。
预加载页面的整个过程实际上确实需要一点时间。 你知道,我们只在第 17 页,共 30 页。接下来我们要在运行时转到这里。 我们要看看数据库,我们有这些选项来优化数据库表,清理后期修订,所以这将真正清理数据库并让它运行得更快,但我真的想强调它会摆脱一些东西。
因此,如果您有,如果您有任何可能想要恢复旧帖子,请将旧页面恢复到以前的方式,通过运行这些优化,您将删除所有这些旧版本的所有内容,因此您可能希望在对数据库执行任何操作之前备份您的网站。
我知道我们有这个备份。 我也不打算在我们运行预加载时这样做,但看起来已经处理好了,所以让我们过去吧。 我将运行所有这些优化。 在这里,我们有 1,200 个已删除的帖子修订。
有时,它需要一段时间才能完成。 这是一个相当小的网站,所以它真的不需要太多,但让我们再运行一次,看看它做了什么。 好吧,现在我们从一路上升到 2.6 秒,这是什么,在我们开始之前超过 6 秒。
我要添加的下一个将是延迟加载。 延迟加载,我们开始了,WP Rock 的延迟加载是我使用的。 超级容易配置。 只需单击它,激活,转到设置,我们将在这里选中几个框。
图像,I 帧。 我不会通过缩略图来制作 YouTube 视频。 保存更改。 好的。 现在,最后一步,真的,我认为优化......当我们优化整个图书馆时,我们不会坐在这里,但优化这个东西的图像将是真正解决这个问题的最后一步。
我认为如果我们最终使用任何太大的图像和网站,我们可能会将这个时间缩短到大约 2.5 秒。 我希望这很有用。 真正让一个 WordPress 网站以快速的方式加载并不是那么困难。
我认为还有很多对视觉页面构建器的批评,比如 WP Bakery,在这种情况下 Elementor,Divi,它们是没有根据的,因为你可以做很多事情来让这些网站快速加载,即使视觉页面构建器。
如果这有帮助,请确保您发表评论,如果您有兴趣了解 SEO 和 WordPress,请确保您订阅我们的频道。 谢谢。
