WordPress插件如何影响您网站的加载时间

你有没有想过如何WordPress插件影响您的网站的加载时间？ WordPress插件允许您将功能添加到您的网站，但它们也会影响您的网站速度。在本文中，我们将向您展示WordPress插件如何影响您网站的加载时间，以及如何更有效地控制它们。

WordPress插件如何工作？

WordPress插件就像您的WordPress网站的应用程序。您可以安装它们来为您的网站添加更多功能，例如联系表单，照片库或电子商务商店。

当有人访问您的网站时，WordPress首先加载其核心文件，然后加载所有活动的插件。

有关更多详细信息，请参阅有关WordPress插件的文章。他们是如何工作的？

插件如何影响网站加载时间？

每个WordPress插件提供不同的功能和功能。为此，一些插件在后端进行数据库调用，而另一些则在CSS样式表，JavaScript文件，图像等前端加载资源。

进行数据库查询和加载资产会增加您网站的加载时间。大多数插件都会发出HTTP请求来加载脚本，CSS和图片等资源。每个请求都会增加网站的网页加载时间。

如果做得好，性能影响往往不会太明显。

但是，如果您使用多个插件来制作太多的http请求来加载文件和资产，那么这会影响您网站的性能和用户体验。

如何检查由WordPress插件加载的文件？

要查看插件如何影响您的页面加载时间，您需要检查由WordPress插件加载的文件。

有很多工具可以用来解决这个问题。

您可以使用浏览器的开发人员工具（Google Chrome中的Inspect和Firefox中的检查元素）。

只需访问您的网站，右键点击选择检查。这将打开开发人员工具面板。

您需要点击“网络”标签，然后重新加载您的网站。当页面重新加载时，您将能够看到您的浏览器如何加载每个文件。

您也可以使用Pingdom和GTmetrix等第三方工具来查看。除了其他有用的信息之外，这些工具还会显示所有加载的文件和加载的时间。

有多少插件太多？

当你看到这些文件被加载，你可能会开始想知道我应该在我的网站上使用多少个插件？多少个插件太多了？

答案真的取决于你在网站上使用的插件集。

一个坏的插件可以加载12个文件，而多个好的插件只会添加一些额外的文件。

所有编码良好的插件都尽量保持它们加载的文件最小。但是，并不是所有的插件开发人员都很小心。有些插件会在每一次加载页面时加载文件，即使它们不需要这些文件。

如果您使用的插件过多，则会影响您网站的性能。

如何保持插件的控制？

你可以在你的WordPress网站上做的最重要的事情是只使用编码良好的插件，有很好的评论，并由可信来源推荐。

如果你发现一个WordPress插件正在影响你的网站的负载，那么寻找一个更好的插件，做同样的工作，但更好。

接下来，您需要开始使用缓存和CDN来进一步提高网站的性能和速度。

你应该考虑的另一个因素是你的网站托管。如果您的托管服务器未正确优化，则会增加您网站的响应时间。

这意味着，不只是插件，但您的网站的整体表现会更慢。确保你使用的是最好的WordPress托管公司之一。

作为最后的手段，你可以卸载你可以不用的插件。仔细查看您网站上安装的插件，看看是否可以卸载其中的一些插件。这不是一个理想的解决方案，因为你将不得不妥协的速度功能。

手动优化WordPress插件资源

高级WordPress用户可以尝试管理WordPress插件如何在他们的网站上加载文件。这样做需要一些编码知识和一些调试技巧。

在WordPress中加载脚本和样式表的正确方法是使用 wp_enqueue_style 和 wp_enqueue_script 功能。

大多数WordPress插件开发人员使用它们来加载插件文件。 WordPress还带有简单的功能来取消注册这些脚本和样式表。

不过，如果你只是禁用加载这些脚本和样式表，那么这将打破你的插件，他们将无法正常工作。要解决这个问题，您需要将这些样式和脚本复制并粘贴到主题的样式表和JavaScript文件中。

这样您就可以一次加载所有的请求，最大限度地减少http请求，并有效地减少您的页面加载时间。

让我们看看如何轻松注销WordPress中的样式表和JavaScript文件。

在WordPress中禁用插件样式表

首先，您将需要找到您想要注销的样式表的名称或句柄。您可以使用浏览器的检查工具找到它。

找到样式表句柄后，可以通过将此代码添加到主题的functions.php文件或特定于站点的插件来取消注册。

add_action（'wp_print_styles'，'my_deregister_styles'，100）;
 函数my_deregister_styles（）{
 wp_deregister_style（'gdwpm_styles-css'）;
 }

你可以在这个函数里注销尽可能多的样式句柄。例如，如果您有多个插件注销样式表，那么您可以这样做：

add_action（'wp_print_styles'，'my_deregister_styles'，100）;
 函数my_deregister_styles（）{
 wp_deregister_style（'gdwpm_styles-css'）;
 wp_deregister_style（'bfa-font-awesome-css'）;
 wp_deregister_style（'some-other-stylesheet-handle'）;
 }

请记住，注销这些样式表会影响您网站上的插件功能。您需要复制每个样式表的内容，然后将其粘贴到WordPress主题的样式表中，或将其添加为自定义CSS。

在WordPress中禁用插件JavaScript

就像样式表一样，您需要找出JavaScript文件使用的句柄来注销它们。但是，您将无法使用检查工具找到句柄。

为此，您需要深入挖掘插件文件以找出插件用于加载脚本的句柄。

找出插件使用的所有句柄的另一种方法是将此代码添加到您的主题的functions.php文件。

函数wpb_display_pluginhandles（）{
 $ wp_scripts = wp_scripts（）;
 $ handlename。=“

‘。 $句柄“。

“;
endforeach;
$ handlename。=“

“;
返回$ handlename;
}
add_shortcode（’pluginhandles’，’wpb_display_pluginhandles’）;

添加此代码后，您可以使用 [pluginhandles] 简码显示插件脚本句柄的列表。

现在你已经有脚本句柄，你可以使用下面的代码轻松注销它们：

add_action（'wp_print_scripts'，'my_deregister_javascript'，100）;

 函数my_deregister_javascript（）{
 wp_deregister_script（'contact-form-7'）;
 }

您也可以使用此代码来禁用多个脚本，如下所示：

add_action（'wp_print_scripts'，'my_deregister_javascript'，100）;

 函数my_deregister_javascript（）{
 wp_deregister_script（'contact-form-7'）;
 wp_deregister_script（'gdwpm_lightbox-script'）;
 wp_deregister_script（'another-plugin-script'）;
 }

现在，正如我们前面提到的，禁用这些脚本将会阻止你的插件正常工作。

为了避免这种情况，您需要将JavaScript结合在一起，但有时不能顺利运行，所以您必须知道自己在做什么。你可以从试验和错误中学习（就像我们很多人一样），但我们建议你不要在现场做这个。

最好的测试地点是在本地的WordPress安装或与托管的WordPress托管服务提供商的临时站点。

仅在特定页面上加载脚本

如果您知道您将需要一个插件脚本来加载您网站上的特定页面，那么您可以在该特定页面上插入一个插件。

这样，脚本在您网站的所有其他页面上保持禁用状态，只在需要时加载。

以下是如何在特定页面上加载脚本。

add_action（'wp_print_scripts'，'my_deregister_javascript'，100）;

 函数my_deregister_javascript（）{
 if（！is_page（'Contact'））{
 wp_deregister_script（'contact-form-7'）;
 }
 }

这段代码只是在联系页面以外的所有页面上禁用contact-form-7脚本。

目前为止就这样了。