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

时间:2016-12-20 10:52:53

标签: wordpress performance dns hosting

有一个新的Wordpress网站 - 主题已经定制,但没有任何大的改变,没有额外的插件真的。

从关闭页面开始需要花费很长时间才能加载,如下面的抓取所示。现在可能这是主题的问题?和它的定制?我个人认为它更有可能是托管? DNS?

有什么想法吗?

long wait time

1 个答案:

答案 0 :(得分:0)

TL; DR:

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

长版:

1-您有太多脚本文件(其中45个)

每个脚本文件就像迷你程序,访问者需要下载和处理才能显示您的页面。

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

脚本文件“占用”浏览器。这意味着他们默认要求浏览器完全关注 - ,除非它们被标记为异步。

asynchronising ”脚本是一种花哨的方式,表示您指示浏览器在处理脚本文件时加载页面上的其他元素

那么,您应该如何处理脚本?

最佳做法是尽可能少地使用脚本请注意您使用的插件/主题需要多少脚本。并非所有代码都是平等创建的,有时你应该只是避免膨胀的插件/主题。

一旦减少了不必要的脚本文件,您就应该继续将最终的脚本文件与结合起来。

这听起来很奇特,我知道,但它只不过是将单独的脚本文件的内容合并到更少的文件。有插件可以为您执行此操作可以手动执行,但后者需要一些知识以确保仍然有效按预期工作。

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

----------------

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有很多很棒的缓存插件。一定要检查出来。