Votre site a mieux à faire que vous faire attendre. Découvrir PageSpeed.fr
Code et rendu

Async et defer ne répondent pas au même besoin

Choisir le chargement d’un script selon ses dépendances et son rôle.

Les mots utiles, en clair
JavaScript : interactions
Le code qui fait fonctionner des éléments comme les menus, les formulaires et certaines animations.

Repérer les dépendances

Un script peut attendre une bibliothèque, des données ou un élément du document. Le télécharger plus tôt ou l’exécuter dès sa disponibilité n’est pas toujours compatible avec ces attentes. Avant de choisir un attribut, identifiez ce que le script doit trouver et ce qui attend son résultat.

Préserver les chaînes nécessaires

Pour les scripts classiques, defer et async ont des comportements d’exécution différents. Les appliquer de façon uniforme à toutes les balises peut provoquer des courses entre composants. Un menu qui fonctionne sur une connexion rapide peut échouer sur une connexion plus lente lorsque l’ordre réel change.

Tester des conditions variées

Contrôlez la console, les formulaires et les interactions principales avec une limitation réseau. Vérifiez aussi les scripts en ligne associés aux fichiers externes. Dans WordPress, une déclaration de dépendances cohérente est souvent préférable à une modification finale du HTML qui ne connaît plus le rôle des fichiers.

Pour aller à la source

Besoin d’aide pour votre site ? Retrouvez les conseils d’installation et de compatibilité dans notre centre d’aide.
Votre prochaine étape

Et si votre site
passait la seconde ?

Essayez, comparez, gardez la main. Vous pouvez désactiver ou supprimer l’extension à tout moment pour retrouver le fonctionnement habituel de votre site.

Accélérer mon siteMesurer mon site