Resumen de IA
¿Le gustaría acelerar los tiempos de carga de su página optimizando cuándo se carga reCAPTCHA? Al posponer la carga del script de reCAPTCHA hasta después de que el contenido de su página se cargue, puede mejorar la velocidad inicial de la página y la experiencia del usuario. Este enfoque garantiza que su contenido esencial aparezca rápidamente mientras las funciones de seguridad se cargan sin problemas en segundo plano.
Esta guía le mostrará cómo posponer la carga de reCAPTCHA para un mejor rendimiento.
Comprensión del aplazamiento del script
Cuando reCAPTCHA se carga normalmente, puede pausar temporalmente la carga de otros recursos. Al posponer el script, permite que el contenido crítico de su página, como texto e imágenes, se cargue primero. Esto crea una experiencia más fluida para sus usuarios mientras mantiene los beneficios de seguridad de reCAPTCHA.
Añadir el código de aplazamiento
Para posponer la carga de reCAPTCHA, añada este fragmento de código a su sitio. Si necesita ayuda para añadir código personalizado, revise nuestro tutorial sobre cómo añadir fragmentos de código.
Este código funciona identificando el script de reCAPTCHA y añadiendo los atributos defer y async. Estos atributos le indican al navegador que:
- Cargue el script de forma asíncrona, sin bloquear otros recursos
- Ejecute el script solo después de que la página haya terminado de cargarse
Uso con hCAPTCHA
Si está utilizando hCAPTCHA en lugar de reCAPTCHA, utilice esta versión alternativa:
function wpf_hcaptcha_add_async_defer( $tag, $handle ) {
if ( strpos( $tag, 'hcaptcha.com/1/api.js?onload=wpformsRecaptchaLoad' ) !== false ) {
$tag = str_replace( ' src', ' defer async="async" src', $tag );
}
return $tag;
}
add_filter( 'script_loader_tag', 'wpf_hcaptcha_add_async_defer', 99, 2 );
Y eso es todo lo que necesita para posponer el JavaScript de reCAPTCHA. A continuación, ¿le gustaría también cambiar el tema de reCAPTCHA? Consulte nuestro tutorial sobre cómo cambiar el tema de CAPTCHA para más detalles.