gpt4 book ai didi

invisible-recaptcha - 无形的recaptcha大幅增加了首次交互时间

转载 作者:行者123 更新时间:2023-12-02 01:01:25 25 4
gpt4 key购买 nike

根据 Lighthouse 的测量,包含 Google 的“隐形验证码”似乎大大增加了“首次交互”(以及随后的“持续交互”)时间。

我使用 HTML5 样板模板设置了两个空网页。这些站点的不同之处仅在于包含了recaptcha API 脚本;即这一行:

<script src='https://www.google.com/recaptcha/api.js'></script>

第一个(非recaptcha)站点接收与第一个有意义的绘制时间相等的第一个交互时间。
non-recaptcha

第二个(recaptcha)站点的第一个交互时间约为 14 秒,估计输入延迟时间约为 1.6 秒:

recaptcha

我在 <head> 的底部包含了脚本部分如 Google 的说明中所示,但是我也尝试在 <body> 的底部包含脚本(以及 asyncdefer )没有明显的改进。

这是 Lighthouse 测量首次交互方式(特别是考虑到它仍被标记为“测试版”)或 Recaptcha 的问题吗?如果是后一种情况,这是否值得担心,如果是,有没有办法减轻影响?

最佳答案

这也困扰了我一段时间,这是我想出的最佳解决方案:

  • 最初不要加载 api.js(渲染验证码)脚本。这很重要,因为与 [2] 相结合会产生相对巨大的交互时间减慢。
  • 最初不要将验证码绑定(bind)到任何元素,只需在函数中“准备”它以供以后使用。
  • 现在,这是最重要(聪明)的部分——当你的用户开始与表单交互时,将 api.js (recaptha__..js) 脚本注入(inject)到 header 中,浏览器会加载它,并触发绑定(bind)函数来加载实际验证码。

  • 您可以在此处通过一些代码示例找到更多信息和解释:
    https://tehnoblog.org/google-invisible-recaptcha-how-to-boost-lighthouse-performance-score/

    关于invisible-recaptcha - 无形的recaptcha大幅增加了首次交互时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50334971/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com