Riassunto AI
Vuoi velocizzare i tempi di caricamento della tua pagina ottimizzando quando viene caricato reCAPTCHA? Posticipando lo script reCAPTCHA fino a dopo il caricamento del contenuto della pagina, puoi migliorare la velocità iniziale della pagina e l'esperienza utente. Questo approccio garantisce che il tuo contenuto essenziale appaia rapidamente mentre le funzionalità di sicurezza vengono caricate in background senza interruzioni.
Questa guida ti mostrerà come ritardare il caricamento di reCAPTCHA per prestazioni migliori.
Comprendere il posticipo dello script
Quando reCAPTCHA viene caricato normalmente, può mettere temporaneamente in pausa il caricamento di altre risorse. Posticipando lo script, consenti al contenuto critico della tua pagina, come testo e immagini, di caricarsi per primo. Ciò crea un'esperienza più fluida per i tuoi utenti, mantenendo i vantaggi di sicurezza di reCAPTCHA.
Aggiungere il codice di posticipo
Per posticipare il caricamento di reCAPTCHA, aggiungi questo snippet di codice al tuo sito. Se hai bisogno di aiuto per aggiungere codice personalizzato, consulta il nostro tutorial su come aggiungere snippet di codice.
Questo codice funziona identificando lo script reCAPTCHA e aggiungendo gli attributi defer e async. Questi attributi indicano al browser di:
- Caricare lo script in modo asincrono, senza bloccare altre risorse
- Eseguire lo script solo dopo che la pagina ha finito di caricarsi
Utilizzo con hCAPTCHA
Se stai utilizzando hCAPTCHA invece di reCAPTCHA, usa questa versione 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 questo è tutto ciò che ti serve per posticipare il JavaScript di reCAPTCHA. Successivamente, vuoi anche cambiare il tema per reCAPTCHA? Dai un'occhiata al nostro tutorial su come cambiare il tema CAPTCHA per maggiori dettagli.