我通过以下方式将 Google Recaptcha 包含在我的网站上;
在标题部分;
<script async src='https://www.google.com/recaptcha/api.js?hl=fr'></script>
在正文部分(为了示例,我已经删除了我的密钥);
<div class="g-recaptcha" data-sitekey="*"></div>
然而,当页面加载时,Google Chrome 控制台显示以下内容;
有人知道发生了什么事吗?为什么看似相同的 69.0kb 文件被加载了 3 次?
为后来遇到此问题的任何人解答。
这已在 GitHub 问题此处 中得到解决。 Recaptcha 跨多个帧运行,因此它会加载多次,因为每个帧都需要访问脚本。显然,这是有意的行为。
我也有同样的情况。 reCAPTCHA 加载了 3 次,但是使用 Pagespeed Insights 检查我竞争对手的网站,我发现他们的网站只加载了一次。
在每次更改后运行页面速度洞察时,是否(沮丧地)深入研究了我的插件,停用并重新激活了一些插件。我希望我能截图来证明这一变化,但实际上它从 3 变成了 2,再变成 1。
基本上我发现有 3 个不同的插件运行 reCAPTCHA。问题终于解决了。找到多余的部分是棘手的部分。我的在插件 CF7 和 Gravity Forms 中。