### [Comment différer le script reCAPTCHA](https://wpforms.com/developers/how-to-defer-the-recaptcha-script/) **Publié le :** 8 décembre 2022 **Auteur :** David Ozokoye **Extrait :** Cet extrait de code différera le chargement du JavaScript reCAPTCHA jusqu'à ce que la page soit complètement chargée. **Contenu :** Souhaitez-vous accélérer le temps de chargement de votre page en optimisant le moment du chargement de reCAPTCHA ? En différant le script reCAPTCHA jusqu'à ce que le contenu de votre page soit chargé, vous pouvez améliorer la vitesse initiale de la page et l'expérience utilisateur. Cette approche garantit que votre contenu essentiel apparaît rapidement tandis que les fonctionnalités de sécurité se chargent de manière transparente en arrière-plan. Ce guide vous montrera comment retarder le chargement de reCAPTCHA pour de meilleures performances. ## Comprendre le différé du script Lorsque reCAPTCHA se charge normalement, il peut temporairement interrompre le chargement d'autres ressources. En différant le script, vous permettez au contenu critique de votre page, comme le texte et les images, de se charger en premier. Cela crée une expérience plus fluide pour vos utilisateurs tout en maintenant les avantages de sécurité de reCAPTCHA. ## Ajout du code de différé Pour différer le chargement de reCAPTCHA, ajoutez cet extrait de code à votre site. Si vous avez besoin d'aide pour ajouter du code personnalisé, veuillez consulter notre tutoriel sur l'ajout d'extraits de code. Ce code fonctionne en identifiant le script reCAPTCHA et en ajoutant les attributs `defer` et `async`. Ces attributs indiquent au navigateur de : - Charger le script de manière asynchrone, sans bloquer les autres ressources - Exécuter le script uniquement après que la page a fini de charger ## Utilisation avec hCAPTCHA Si vous utilisez hCAPTCHA au lieu de reCAPTCHA, utilisez cette version alternative : ``` 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 ); ``` Et c'est tout ce dont vous avez besoin pour différer le JavaScript reCAPTCHA. Ensuite, souhaitez-vous également changer le thème de reCAPTCHA ? Consultez notre tutoriel sur [la modification du thème CAPTCHA](https://wpforms.com/developers/how-to-change-the-captcha-theme-on-google-checkbox-v2-recaptcha/ "Comment changer le thème CAPTCHA sur Google Checkbox v2 reCAPTCHA") pour plus de détails. ## Filtre de référence [script\_loader\_tag](https://developer.wordpress.org/reference/hooks/script_loader_tag/ "Utilisation du filtre script_loader_tag") **Catégories :** Extension **Tags :** PHP ---