小工具      在线工具  汉语词典  css  js  c++  java

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

python,java,javascript,linux,人工智能,ViewUI 额外说明

收录于:157天前

您是否想知道 WordPress 插件如何影响您网站的加载时间? WordPress 插件允许您向网站添加功能,但它们也会影响您的网站速度。在本文中,我们将向您展示 WordPress 插件如何影响网站的加载时间,以及如何更有效地控制它们。

您是否想知道 WordPress 插件如何影响您网站的加载时间? WordPress 插件允许您向网站添加功能,但它们也会影响网站速度。在本文中,我们将向您展示 WordPress 插件如何影响网站的加载时间以及如何更有效地控制它们。

How WordPress plugins affect your site's load time
WordPress插件如何工作? How WordPress Plugins Work?

WordPress plugins are like apps for your WordPress site. You can install them to add more features to your website like 联系表格, 照片画廊, or an 电子商务商店.

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

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

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

For more details, take a look at our article about 什么是 WordPress 插件?它们是如何工作的?.

有关更多详细信息,请参阅我们的文章,有关什么是 WordPress 插件? 它们是如何工作的?

插件如何影响网站加载时间? How Can Plugins Affect Site Load Time?

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

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

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

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

如果做得正确,性能影响通常不会太明显。

如果做得正确,对性能的影响通常不太明显。

但是,如果您使用的多个插件发出过多的 http 请求来加载文件和资源,那么它将影响您网站的性能和用户体验。

但是,如果您使用多个插件发出过多的 HTTP 请求来加载文件和资源,则会影响网站的性能和用户体验。

如何检查WordPress插件加载的文件? How to Check Files Loaded by WordPress Plugins?

要了解插件如何影响页面加载时间,您需要检查 WordPress 插件加载的文件。

要了解插件如何影响页面加载时间,您需要检查 WordPress 插件加载的文件。

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

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

You can use your browser’s 开发者工具 (Inspect in Google Chrome and Inspect Element in Firefox).

您可以使用浏览器的开发者工具 (在Google Chrome中检查和在Firefox中检查元素)。

只需访问您的网站并右键单击选择“检查”即可。这将打开开发人员工具面板。

只需访问您的网站并右键单击选择“检查”即可。这将打开开发人员工具面板。

您需要单击“网络”选项卡,然后重新加载您的网站。当页面重新加载时,您将能够看到浏览器如何加载每个文件。

您需要单击“网络”选项卡并重新加载您的网站。当页面重新加载时,您将能够看到浏览器如何加载每个文件。

See page load time and files loaded with inspect tool

您还可以使用 Pingdom 和 GTmetrix 等第三方工具来查看这一点。除其他有用信息外,这些工具还将向您显示已加载的所有文件以及加载所需的时间。

您还可以使用 Pingdom 和 GTmetrix 等第三方工具来查看此信息。除其他有用信息外,这些工具将向您显示已加载的所有文件以及加载所需的时间。

Testing page load time using Pingdom
有多少个插件? How Many Plugins are Too Many?

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

当您看到这些文件加载​​时,您可能会开始想知道我应该在我的网站上使用多少个插件?多少插件太多?

答案实际上取决于您在网站上使用的插件集。

答案实际上取决于您在网站上使用的插件集。

一个不好的插件可以加载 12 个文件,而多个好的插件只会添加几个额外的文件。

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

所有编码良好的插件都会尽力将加载的文件保持在最低限度。然而,并非所有插件开发人员都那么小心。有些插件会在每个页面加载时加载文件,即使它们不需要这些文件。

所有编码良好的插件都会尽量减少加载的文件数量。然而,并非所有插件开发人员都如此小心。有些插件会在每次加载页面时加载文件,即使它们不需要这些文件。

如果您使用太多此类插件,那么这将开始影响您网站的性能。

如果您使用太多这些插件,那么这将开始影响您网站的性能。

如何控制插件? How to Keep Plugins in Control?

您在 WordPress 网站上可以做的最重要的事情就是仅使用编码良好、评论良好且由可信来源推荐的插件。

您在 WordPress 网站上可以做的最重要的事情就是仅使用编码良好、具有良好评论且由值得信赖的来源推荐的插件。

See our guide on 如何查找 WordPress 插件.

请参阅我们的指南, 了解如何查找要使用的 WordPress 插件

如果您发现 WordPress 插件正在影响您网站的负载,请寻找一个更好的插件,它可以完成相同的工作,但效果更好。

如果您发现 WordPress 插件正在影响您网站的负载,请寻找一个更好的插件,它可以完成相同的工作,但效果更好。

Next, you need to start using 缓存 and CDN to further improve your site’s performance and speed.

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

您应该考虑的另一个因素是您的网站托管。如果您的托管服务器没有适当优化,那么它会增加您网站的响应时间。

您应该考虑的另一个因素是您的网站托管。如果您的托管服务器没有适当优化,将会增加您网站的响应时间。

This means that not just plugins, but your site’s overall performance will be slower. Make sure you are using one of the 最好的 WordPress 托管 companies.

这意味着不仅插件,而且您网站的整体性能也会变慢。 确保您使用的是最好的 WordPress 托管公司之一。

作为最后的手段,您可以卸载不需要的插件。仔细检查您网站上安装的插件,看看是否可以卸载其中一些。这不是一个理想的解决方案,因为您将不得不为了速度而牺牲功能。

作为最后的手段,您可以卸载没有生命的插件。仔细查看您网站上安装的插件,看看是否可以卸载其中一些。这不是一个理想的解决方案,因为您将不得不牺牲功能来提高速度。

手动优化WordPress插件资产 Optimize WordPress Plugin Assets Manually

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

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

The 加载脚本和样式表的正确方法 in WordPress is by using the wp_enqueue_style and wp_enqueue_script functions.

在WordPress中加载脚本和样式表正确方法是使用wp_enqueue_stylewp_enqueue_script函数。

大多数 WordPress 插件开发人员使用它们来加载插件文件。 WordPress 还提供了简单的功能来注销这些脚本和样式表。

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

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

但是,如果您只是禁用这些脚本和样式表的加载,这将破坏您的插件并且它们将无法正常工作。要解决此问题,您需要将这些样式和脚本复制并粘贴到主题的样式表和 JavaScript 文件中。

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

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

让我们看看如何在 WordPress 中轻松取消注册样式表和 JavaScript 文件。

让我们看看如何轻松地在 WordPress 中取消注册样式表和 JavaScript 文件。

在WordPress中禁用插件样式表 Disable Plugin Stylesheets in WordPress

首先,您需要找到要取消注册的样式表的名称或句柄。您可以使用浏览器的检查工具找到它。

首先,您需要找到要取消注册的样式表的名称或句柄。您可以使用浏览器的检查工具找到它。

Finding a style name

After finding the stylesheet handle, you can deregister it by adding this code to your theme’s 函数.php file or a 特定于站点的插件.

找到样式表句柄后,您可以通过将此代码添加到主题的函数.php文件或具体的在网站的插件中来注销它。


add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'gdwpm_styles-css' );
}

您可以在此函数中取消注册任意数量的样式句柄。例如,如果您有多个插件要取消注册样式表,那么您可以这样做:

您可以在此函数中取消注册任意数量的样式句柄。例如,如果您有多个插件想要取消注册样式表,您可以这样做:



add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'gdwpm_styles-css' );
wp_deregister_style( 'bfa-font-awesome-css' );
wp_deregister_style( 'some-other-stylesheet-handle' );
}


Remember, that deregistering these stylesheets will affect plugin features on your website. You need to copy the contents of each stylesheet you deregister and paste them in your WordPress theme’s stylesheet or add them as 自定义CSS.

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

在WordPress中禁用插件JavaScript Disable Plugin JavaScripts in WordPress

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

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

为此,您需要深入研究插件文件以找出插件用于加载脚本的句柄。

为此,您需要深入研究插件文件以找到插件用于加载脚本的句柄。

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

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


function wpb_display_pluginhandles() { 
$wp_scripts = wp_scripts(); 
$handlename .= "<ul>"; 
    foreach( $wp_scripts->queue as $handle ) :
      $handlename .=  '<li>' . $handle .'</li>';
    endforeach;
$handlename .= "</ul>";
return $handlename; 
}
add_shortcode( 'pluginhandles', 'wpb_display_pluginhandles'); 

After adding this code, you can use [pluginhandles] shortcode to display a list of plugin script handles.

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

Display a list of plugin script handles in WordPress

现在您已经有了脚本句柄,您可以使用以下代码轻松取消注册它们:

现在您已经有了脚本句柄,您可以使用以下代码轻松取消注册它们:


add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
wp_deregister_script( 'contact-form-7' );
}

您还可以使用此代码禁用多个脚本,如下所示:

您还可以使用以下代码禁用多个脚本,如下所示:


add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
wp_deregister_script( 'contact-form-7' );
wp_deregister_script( 'gdwpm_lightbox-script' );
wp_deregister_script( 'another-plugin-script' );
}

现在,正如我们之前提到的,禁用这些脚本将阻止您的插件正常工作。

现在,正如我们之前提到的,禁用这些脚本将阻止您的插件正常工作。

为了避免这种情况,您需要将 JavaScript 组合在一起,但有时它不能顺利工作,因此您必须知道自己在做什么。您可以从反复试验中学习(就像我们很多人一样),但我们建议您不要在实时网站上这样做。

为了避免这种情况,你需要结合JavaScript,但有时它运行起来并不顺利,所以你必须知道你在做什么。您可以通过反复试验来学习(就像我们许多人一样),但我们建议不要在实时网站上这样做。

The best place to test is on a 本地 WordPress 安装 or on a staging site with 托管 WordPress 托管提供商.

最好的测试位置是在在本地 WordPress 安装中,或在具有托管 WordPress 托管提供商的暂存站点上。

仅在特定页面上加载脚本 Load Scripts Only on Specific Pages

如果您知道需要在网站的特定页面上加载插件脚本,那么您可以在该特定页面上允许插件。

如果您知道需要在网站的特定页面上加载插件脚本,则可以在该特定页面上允许该插件。

这样,脚本在站点的所有其他页面上保持禁用状态,并且仅在需要时加载。

这样,脚本将在网站的所有其他页面上保持禁用状态,并且仅在需要时才加载。

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

这是在特定页面上加载脚本的方法。


add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );

function my_deregister_javascript() {
if ( !is_page('Contact') ) {
wp_deregister_script( 'contact-form-7' );
}
}

此代码只是在除联系页面之外的所有页面上禁用 contact-form-7 脚本。

此代码只是禁用除联系页面之外的所有页面上的 contact-form-7 脚本。

目前为止就这样了。

现在就这样。

We hope this article helped you learn how WordPress plugins affect your site’s load time. You may also want to see our ultimate guide to 提高 WordPress 速度和网站性能.

我们希望本文能帮助您了解WordPress插件如何影响您网站的加载时间。 您可能还需要查看我们的最终指南,以提高 WordPress 速度和网站性能

If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.

如果您喜欢这篇文章,请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特Facebook上找到我们。

翻译自: https://www.wpbeginner.com/wp-tutorials/how-wordpress-plugins-affect-your-sites-load-time/

. . .

相关推荐

额外说明

关于杰克逊

Jackson Jackson是一个开源的Java序列化和反序列化工具,可以将Java对象序列化为XML或JSON格式的字符串,以及将XML或JSON格式的字符串反序列化为Java对象。由于其使用简单,速度较快,且不依靠除JDK外的其他库,被众多用户所使

额外说明

将mysql的数据库输出为数据库文档 (screw生成数据库文档)

项目地址 screw: 简洁好用的数据库表结构文档工具,支持MySQL/MariaDB/SqlServer/Oracle/PostgreSQL/TIDB/CacheDB 数据库。 例子: Test直接生成 SpringBoot&screw快速生成数据库文

额外说明

玩转Selenium 之三分钟解决遇见伪元素该如何处理?

问题发生 在很多前端页面中,大家会见到很多::before、::after 元素,比如【百度流量研究院】: ​ 比如【百度疫情大数据平台】: ​ 以【百度疫情大数据平台】为例,“累计确诊”文本并没有显示在 HTML 源代码中,如果通过常规的 xpath

额外说明

Midjourney|文心一格prompt教程[Text Prompt(上篇)]:品牌log、App、徽章、插画、头像场景生成,各种风格选择:科技风、运动风

Midjourney|文心一格prompt教程[Text Prompt(上篇)]:品牌log、App、徽章、插画、头像场景生成,各种风格选择:科技风、运动风 1.撰写 Text Prompt 注意事项 Midjourney 跟 ChatGPT 在 pro

额外说明

TP5+商城小程序——微信支付-13一对多关系的新增操作

QQ 1274510382 Wechat JNZ_aming 商业联盟 QQ群538250800 技术搞事 QQ群599020441 解决方案 QQ群152889761 加入我们 QQ群649347320 共享学习 QQ群674240731 纪年科技am

额外说明

openstack-nova-虚机挂载云盘过程以及源码分析

本文基于openstack Stein 版本 nova 侧虚机需要挂载云盘,包括创建时挂载系统盘以及普通数据盘 代码在 nova\compute\manager.py, nova 获取volume信息,并发起attach请求,最终调用cinder api

额外说明

MXNet自定义层(模型可携带参数)

        神经网络里面有很多不同的层,全连接层、卷积层、池化层等等,在MXNet框架中的Gluon自带了很多常用的层,但很多时候我们想自己创建一个层,可以在不同的地方重复被调用。 不含模型参数的自定义层 #前向计算中返回减掉均值的值 from m

额外说明

[C语言]运用函数指针数组构建一个简单计算器

                1.函数指针数组                 函数指针数组,即为存放函数首地址的数组,类型为函数指针类型。                      2.运用函数指针数组构建简单计算器                

额外说明

SQL语言

SQL语言按功能分为四大类 1.数据查询语言DQL : 查询数据 2.数据定义语言DDL :建立、删除和修改数据对象 3.数据操纵语言DML :完成数据操作的命令,包括查询 4.数据控制语言DCL :控制对数据库的访问,服务器的关闭、启动等 显示数据库结

额外说明

Mac ssh: connect to host 192.168.1.4 port 22: Connection refused

我用MAC1连接MAC2电脑,然后报错connect to host 192.168.1.4 port 22: Connection Connectionrejected,如下图: 解决方案: 选择系统偏好设置->选择共享->点击远程登录 然后输入命令

ads via 小工具