Pasé bastante tiempo integrando Google ReCAPTCHA v3 en mis scripts/sistema, pero me sorprendí desagradablemente cuando vi cuánto atascaba la carga de la página. Mis páginas estaban en verde en PageSpeed Insights de Google, pero desde que incluyeron el código ReCAPTCHA v3 en las páginas, no pasan el corte cuando se trata de aprobar la evaluación Core Web Vitals de Google. Agrega otros 300 kib de carga adicional a las páginas. Agregar 300 kib a una sola página web seguramente la ralentizará.

Antes de deshacerse de Google ReCAPTCHA v3 por temor a perder Page Rank debido a que algunas de mis páginas clave ahora son lentas, ¿hay alguna forma de acelerar las cosas? ¿Quizás retrasar la carga del javascript de ReCAPTCHA hasta que el usuario comience a interactuar con el formulario? ... o tal vez podría cargarse si la página ha terminado de cargarse y está inactiva?

El código en mis páginas se ve así:

 <script src="https://www.google.com/recaptcha/api.js?render=RECAPTURE_KEY"></script> <script> grecaptcha.ready(function() { document.getElementById('loginform').addEventListener("submit", function(event) { event.preventDefault(); grecaptcha.execute('RECAPTURE_KEY', {action: 'login'}).then(function(token) { document.getElementById("login-g-recaptcha-response").value= token; document.getElementById('loginform').submit(); }); }, false); }); </script>

Probablemente no sería una buena idea cargar lo anterior una vez que un usuario comienza a interactuar con un formulario porque es posible que ya haya completado el formulario y presionado el botón mientras los scripts de Google aún se están cargando.

No sé si diferir la carga también ayudará, porque aún puede tener un impacto en Core Vitals de Google.