Wpforms 排除WP Rocket JavaScript优化导致显示异常的问题

WP Rocket 是一个流行的缓存插件,用于加速网站。但是,在某些情况下,WPForms 用户会因其 合并 JavaScript 文件 选项而遇到问题。

如果您遇到 WPForms 和 WP Rocket 问题,您可以排除 WPForms 资产和其他 JavaScript 文件进行优化。在下一节中,我们将介绍几种实现此目的的方法。

排除页面或帖子

如果您仅在网站内的单个页面上遇到问题,则仅从优化中排除单个页面或帖子是一个不错的选择。在此示例中,我们将向您展示如何在使用 WordPress 块编辑器时从优化中排除单个页面。

首先,打开您要排除的页面。然后,导航至页面选项卡并打开WP Rocket 选项部分。从这里,确保未选中缩小/组合 JS 选项并保存您的设置。

Minify 结合 JS WP Rocket 页面

排除 WPForms 资产

排除 WPForms 资源将阻止插件的 JavaScript 在站点范围内进行优化。如果您遇到多个表单的问题并且不想浏览每个页面或帖子来禁用优化设置,这会很有帮助。

要从优化中排除 WPForms 资产,请导航至 设置 » WP Rocket 并打开 文件优化选项卡。从那里滚动到 JavaScript 文件 部分。

文件优化选项WP火箭

如果您启用了 缩小 JavaScript 文件 选项,那么在该选项下您应该会看到一个标有 排除的 JavaScript 文件 

JavaScript 文件部分

在此框中,添加以下脚本:

/wp-content/plugins/wpforms/assets/js/wpforms.min.js

添加脚本后,请务必点击保存更改按钮保存您的设置。

排除 JS 文件 minify JS

现在您已经排除了这些资产,您的表单现在应该在前端按预期工作。

从延迟 JavaScript 执行中排除文件

如果您遇到 JavaScript 问题并启用了延迟 JavaScript 执行选项,WP Rocket 建议您添加一些默认排除以避免并发症。

要执行此操作,请转到设置 » WP Rocket » 文件优化,然后滚动到延迟 JavaScript 执行 部分。

延迟JS执行部分

在标记为 排除的 JavaScript 文件 的框中,添加以下脚本:

/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
js-(之前|之后)
(?:/wp-content/|/wp-includes/)(.*)

然后,请务必点击保存更改按钮来保存更改。

排除的JS文件延迟JS执行

新媒体运营,新媒体代运营,cloudneo

原创文章,作者:超哥,如若转载,请注明出处:https://www.chaoneo.cn/archives/3518.html

0 0 投票
五星评级

如果您觉得超哥分享对您有所帮助的话,记得打赏给我😀

订阅
提醒
guest
0 评论
内联反馈
查看所有评论
房先生
我们将24小时内回复。
2024-05-11 02:22:21
您好,有任何疑问请与我们联系!
您的工单我们已经收到,我们将会尽快跟您联系!
[加我微信]
chaoneo
注:点击复制微信号并打开微信APP,添加好友后进行聊天。
[电话联系]
13585372227
[电子邮件]
chaoneo@163.com
取消

选择聊天工具:

0
喜欢你的想法,请评论x
()
x