wordpress 页面非常慢 - 巨大的初始等待时间

Question

有一个新的 Wordpress 网站 - 主题已经过定制，但没有太大变化，实际上没有额外的插件。

从页面外开始加载需要很长时间，如下面的抓取所示。现在可能这是主题的问题吗？和它的定制？我个人认为它更有可能托管？域名解析？

有什么想法吗？

long wait time

Answer 1

tl;博士：

您的页面同时加载了太多文件。并且页面没有被缓存。

---

加长版：

1- 您的脚本文件过多（其中 45 个）

每个脚本文件就像一个小程序，您的访问者需要下载并处理才能显示您的页面。 p>

每个脚本文件都需要解析和处理。你有45个。 处理它们需要时间。

脚本文件“占用”浏览器。这意味着默认情况下它们需要浏览器的全部注意力 - 除非它们被标记为异步。

“异步”脚本是一种花哨的说法，表示您指示浏览器在处理脚本文件时加载页面上的其他元素

那么，您应该如何处理脚本？

最佳做法是尽可能少地使用脚本。 了解您使用的插件/主题需要多少脚本。并非所有代码都是平等创建的，有时您应该避免使用臃肿的插件/主题。

一旦你减少了不必要的脚本文件，你应该接着合并你最终得到的脚本文件。

我知道，这听起来很花哨，但实际上只不过是将单独的脚本文件的内容合并到更少的文件中。有插件可以为您完成此操作，或者您可以手动完成此操作，尽管后者需要一些知识才能确保一切正常按预期工作。

完成此操作后，您需要确保“异步”您最终使用的脚本文件或确保它在您的内容之后加载 – 靠近页面底部

———————————————–

2- 你的 CSS 文件太多。

CSS 文件只是包含告诉浏览器如何处理页面上的内容的信息的文件。 文本应该有多大或标题应该是什么颜色。

像对待我上面提到的脚本文件一样对待它们。

减少你不需要的任何臃肿的东西，然后优化并组合你最后剩下的东西。同样，有插件可以为您执行此操作，或者您可以手动执行此操作。

与脚本文件“占用”浏览器的方式非常相似，CSS 文件在完全下载之前也需要全神贯注

不同之处在于您不能“异步”CSS 文件 - 您可以将它们放在加载顺序的底部 - 在页脚附近 - 但这会打开另一个蠕虫.

———————————————–

3- 请求过多。

这是一个夸张的类比，但它说明了重点。

想象一下，

你有一个盛大的聚会，你想订购 100 个比萨，所以你打电话给比萨店。现在可能会发生两种情况之一。

A- 你打电话 / 订购披萨 #1 / 挂断 / 再次拨打 / 订购披萨 #2 / 挂断 / 再次拨打 / 订购披萨 # 3 / 挂断 / ……等，直到你去吃披萨 #100

或者

B- 你打电话/订购 100 个比萨饼/挂断/完成。

你可以明显看出后者的麻烦少得多/快得多。

您的页面有 +120 个单独的请求。每个请求都是一个项目（可以是脚本文件/或css文件/或图像/或字体文件）

您的页面当前正在使用上述类比中的方法 A。

目标是减少调用次数（或 http 请求）——更像是方法 B

如上所述，减少/合并您的脚本文件将有助于减少您的请求。我还应该注意，您需要将字体数量保持在最低限度。您实际上不需要超过 1 到 2 种字体。可以使用 CSS sprites 组合图像

---

4- 完成以上所有操作后，您需要熟悉缓存

您没有提供缓存页面。

当用户访问您网站上的页面时，您的服务器必须从数据库/php 文件的所有不同部分“构建”它，这需要时间。

满足缓存！

缓存就像一台复印机。如果您有一台施乐机，您只需制作一份文件的副本，几乎可以立即送达。

在没有缓存的情况下提供动态内容实际上就像重新输入整个文档 - 即使您已经记住了内容 - 每次请求时 - 都需要更多时间。强>

WordPress 有很多很棒的缓存插件。请务必查看它们。