Plugin JavaScript WordPress gratuit
Frank Goossens a développé le plugin gratuit Async JavaScript. Vous pouvez utiliser le plugin pour éliminer le contenu Javascript (JS) bloquant le rendu au-dessus du pli. Il est compatible avec WordPress 4.6 et supérieur. Vous pouvez le télécharger gratuitement en cinq langues : néerlandais, anglais américain et trois dialectes espagnols.
Cette application vous donne un contrôle total sur l'ajout et l'élimination de l'attribut defer ou await aux scripts et aide à augmenter la vitesse de chargement du site. D'autres plugins offrant un chargement asynchrone de JS sont Lazy Widget Loader et Reverb for Publishers.
Explication du chargement asynchrone
Généralement, WordPress charge les scripts un par un. Étant donné qu'il doit charger complètement un élément avant de charger le suivant, cela augmente le temps de chargement global du site.
Le chargement asynchrone permet aux fichiers de se charger en parallèle. Les développeurs le font en ajoutant un attribut "async" à vos scripts Javascript ou un attribut "defer" pour exclure des scripts spécifiques.
Compatibilité avec les navigateurs et CSS
Async est un nouvel attribut dans HTML 5 et fonctionne avec Chrome, Internet Explorer 10 et supérieur, Firefox 3.6 et supérieur, Safari et Opera. Il ne fonctionne qu'avec la file d'attente de script intégrée à WordPress.
Un autre attribut pratique à utiliser avec async est "await", qui est utile pour les fonctions d'API web. Veuillez noter que "await" ne fonctionne qu'avec des fonctions asynchrones. Une condition spécifique est définie, et seulement lorsque cette condition est remplie, le Javascript se charge de manière asynchrone.
Le plugin ne fonctionne qu'avec JS et ne modifie en aucun cas vos scripts CSS. Pour optimiser CSS, vous aurez besoin d'un plugin dédié pour cette fonctionnalité.
Améliorer les performances du site web
JavaScript asynchrone offre aux propriétaires de sites une façon de charger le JavaScript de manière asynchrone ou d'éliminer ou de différer le chargement de scripts spécifiques, réduisant ainsi le temps de chargement de la page. Une autre option utile est "await", où les scripts ne se chargent que lorsqu'une condition particulière est remplie. Await simplifie également la programmation.
Avec la dernière version, le développeur a ajouté une solution de contournement pour les scripts JS en ligne spécifiques qui sont synchronisés de manière asynchrone.
