我们现在在 Perfmatters 插件中有一个脚本管理器。 这允许您在每个帖子/页面的基础上禁用脚本。 这非常强大,可以大大提高您的 WordPress 网站(尤其是您的主页)的速度。 这可以用于的几个例子: 流行的 联系表格 7 插件 在每个页面上加载并发布。 您可以一键轻松禁用它并仅在您的联系页面上启用它。社交媒体共享插件应该只加载到您的帖子上。 您可以轻松地在任何地方禁用它并仅在帖子类型甚至自定义帖子类型上加载。 目录插件 (TOC)在每个页面和帖子上加载。 使用脚本管理器,您可以轻松控制要加载的位置。如果您已升级到 WordPress 5.0 但未使用 Gutenberg 块编辑器,也许您仍在使用经典编辑器或其他第三方编辑器,那里是在站点范围内添加的两个附加前端脚本,您可以禁用它们:/wp-includes/css/dist/block-library/style.min.css 和 /wp-includes/css/dist/block-library/ theme.min.css.您可以使用此功能进行数以千计的优化。 在我们的一些网站上,我们立即将主页上的 HTTP 请求减少了 10 多个! 启用脚本管理器 按照以下步骤启用脚本管理器。 第 1 步点击进入 Perfmatters 插件设置。 Perfmatters 插件设置步骤 2 单击“资产”选项卡。 在“资产”部分下,打开“脚本管理器”。 启用 Perfmatters 脚本管理器步骤 3 向下滚动并单击“保存更改”。 使用脚本管理器启用脚本管理器后,您需要浏览到页面或在您的站点上发布(它不会出现在主 WordPress 管理仪表板或插件设置页面中)。 然后它将显示在您网站的工具栏中。 我们建议您浏览您的主页并从那里开始。 访问脚本管理器如果您在 WordPress 网站上出于任何原因隐藏了管理栏,您还可以通过在 URL 的末尾附加 ?perfmatters 来访问脚本管理器。 例如:
https://yourdomain.com/?perfmatters
脚本管理器 单击工具栏中的“脚本管理器”后,您将看到正在该页面或帖子上加载的所有脚本,包括 JavaScript 和 CSS 文件。 您有以下选项: 1. 开启状态 这是默认设置。 2.状态关闭您可以禁用脚本和样式表(或整个插件 MU模式) 在“当前 URL”上的“任何地方”,按您网站上的帖子、页面或任何其他自定义帖子类型。 要查看其他选项,您还可以在 设置 的脚本管理器。 如果您禁用脚本“Everywhere”,您还可以通过“当前 URL”、帖子、页面等添加例外。Perfmatters script managerEverything 按插件或主题名称组合在一起。 这使得一次禁用整个插件变得非常容易。 通常,WordPress 插件将同时具有 JavaScript 和 CSS 文件。 一个 WordPress 主题可能有 10 多个文件。 你甚至可以 使用正则表达式禁用脚本. 选择或修改设置后,请确保点击底部的“保存”。 然后,您可以在 Pingdom 或网站速度工具中进行测试,以确保脚本不再加载到页面或帖子上。 确保先清除缓存。 如果您的网站在视觉上出现任何问题,您可以随时在设置中重新启用它以恢复正常。 登录或注销状态 有时您可能需要根据用户的状态为脚本或插件添加异常。 在您的脚本或插件禁用下,有一个名为“用户”的部分。 您可以根据用户是否是 登录或注销 您的 WordPress 网站。 按设备禁用脚本 您可以根据设备类型禁用脚本:台式机或移动设备。 要在移动设备上禁用脚本,您需要确保启用了单独的移动缓存,因为我们使用 wp_is_mobile() 功能:如果您使用 Cloudflare APO,您可以启用 按设备类型缓存. 大多数具有服务器级缓存的托管服务提供商已经为设备准备了单独的缓存桶,这意味着您不需要做任何事情。如果您使用的是 WP Rocket 或 Cache Enabler 等缓存插件,许多都有单独的移动缓存option.Global 视图 “全局视图”是整个站点中脚本管理器配置的直观表示。 您还可以通过单击垃圾桶图标从此屏幕中删除“禁用或启用”。 Perfmatters 全局视图设置 在 Perfmatters 设置页面中,您将找到以下选项: 将 WordPress 档案添加到您的脚本管理器选择选项中。 存档帖子将不再按帖子类型分组。显示每个脚本的依赖项。测试模式 允许您将脚本管理器配置限制为仅登录管理员。必用 (MU) 模式 需要提升权限并将文件复制到 mu-plugins 目录中。 这为您提供了更多控制和禁用插件查询、内联 CSS 等的能力。隐藏显示在所有脚本管理器视图中的免责声明消息框。重置整个插件的脚本管理器设置。 Perfmatters 脚本管理器设置常见问题 它是否适用于 WP Rocket 或 LiteSpeed 等缓存插件? 是的,我们支持所有缓存插件。 它可以与 Autooptimize 之类的插件一起使用吗? 是的,我们喜欢自动优化! 它是否适用于具有服务器级缓存的 Kinsta 和 WP Engine 等主机? 是的,事实上,我们建议使用托管托管服务提供商。 我们用 金斯塔 对于我们所有的网站。 你能禁用整个插件、查询和内联 CSS/JS 吗? 是的,您可以使用脚本管理器的 MU模式. 它会禁用后端 WordPress 管理脚本吗? 不,脚本管理器在您网站的前端工作。 如何在不破坏网站的情况下测试我的更改? 您可以使用 测试模式 在将更改应用到您的公共站点之前安全地预览您的配置。 你能禁用外部脚本吗? 我们经常被问到这个问题,答案是肯定的! 您可以禁用外部脚本,但是,它们必须在 WordPress 中正确排队。 所以这取决于您网站上外部脚本的实现。 当前 ID 过滤器 我们尽最大努力确定正在加载的当前页面/帖子的 ID,以便脚本管理器为其分配设置。 在某些情况下,您可能希望根据站点的配置添加一些您自己的额外逻辑,以确保脚本管理器为您的所有帖子获取正确的 ID。 您可以使用 perfmatters_get_current_ID 过滤器根据您的需要修改和返回不同的值。 这是一个基本的例子。
function perfmatters_filter_current_ID($currentID) { $currentID = 123; return $currentID; } add_filter('perfmatters_get_current_ID', 'perfmatters_filter_current_ID');
测试禁用 如果可能,我们始终建议首先在暂存或开发站点上进行测试。 你也可以使用 测试模式 在将更改应用到您的公共站点之前安全地预览您的配置。 话虽如此,脚本管理器的优点在于它不会进行任何永久性更改。 因此,您可以轻松地一一禁用脚本,并随时检查您的站点。 如果有问题,您可以简单地还原您所做的最后更改。 另一种选择是使用 Chrome DevTools。 在网络面板中,您可以在脚本上选择“阻止请求 URL”以查看它将如何影响您的站点。 然后,您可以在脚本管理器中应用更改。 完成后,请确保在 Chrome DevTools 中取消阻止它。 阻止请求 URL 故障排除 以下是一些故障排除提示。 看不到脚本或资产 在脚本管理器中看不到特定的脚本或资产? 以下是可能发生这种情况的几个原因: 插件或主题开发人员未将脚本正确排入 WordPress。 它在 CSS 文件中使用硬编码的字体声明 (@font-face)。保存时出现“设置无法更新”错误如果您尝试在脚本管理器中保存设置并收到“设置更新失败”错误,这可能是由于以下原因:确保在已禁用下方选择一个选项,例如无处不在、当前 URL、正则表达式等。如果不选择要禁用它的位置,就无法禁用脚本或插件。它可能是插件或您的主题有冲突。 这很少见,但有时开发人员会创建工具来全局设置输入样式,并且他们不会为需要使用输入字段的其他插件设置任何停止。另一个问题可能是来自其他东西的级联 JavaScript 错误。 这也很少见,但是如果您查看 Chrome 开发者工具 控制台,您也许可以找到它的来源。 错误日志中的 Chrome DevTools 控制台 errorPHP 警告 如果您在错误日志中看到以下 PHP 警告,这意味着您的 Regex 格式不正确。 请参阅我们的文档 如何正确使用正则表达式.
PHP Warning: preg_match(): Delimiter must not be alphanumeric or backslash
如果您在使用脚本管理器时遇到任何问题,请 联系我们. 我们总是很乐意提供帮助。