Como Adiar o Script reCAPTCHA

Gostaria de acelerar os tempos de carregamento da sua página otimizando quando o reCAPTCHA carrega? Ao adiar o script do reCAPTCHA até depois de o conteúdo da sua página carregar, pode melhorar a velocidade inicial da página e a experiência do utilizador. Esta abordagem garante que o seu conteúdo essencial aparece rapidamente enquanto as funcionalidades de segurança carregam de forma integrada em segundo plano.

Este guia irá mostrar-lhe como adiar o carregamento do reCAPTCHA para um melhor desempenho.

Compreender o Adiamento do Script

Quando o reCAPTCHA carrega normalmente, pode pausar temporariamente outros recursos de carregar. Ao adiar o script, permite que o conteúdo crítico da sua página, como texto e imagens, carregue primeiro. Isto cria uma experiência mais fluida para os seus utilizadores, mantendo os benefícios de segurança do reCAPTCHA.

Adicionar o Código de Adiamento

Para adiar o carregamento do reCAPTCHA, adicione este trecho de código ao seu site. Se precisar de ajuda para adicionar código personalizado, por favor, reveja o nosso tutorial sobre como adicionar trechos de código.

Este código funciona identificando o script do reCAPTCHA e adicionando os atributos defer e async. Estes atributos dizem ao navegador para:

• Carregar o script de forma assíncrona, sem bloquear outros recursos
• Executar o script apenas depois de a página ter terminado de carregar

Utilizar com hCAPTCHA

Se estiver a usar hCAPTCHA em vez de reCAPTCHA, use esta versão 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 );

E é tudo o que precisa para adiar o JavaScript do reCAPTCHA. Em seguida, gostaria também de alterar o tema para o reCAPTCHA? Consulte o nosso tutorial sobre alterar o tema do CAPTCHA para mais detalhes.

Filtro de Referência

script_loader_tag