Apprenez le chargement de scripts asynchrones javascript avec les compétences me_javascript

Regardons d'abord cette ligne de code :

<script src = "allMyClientSideCode.js"></script>

C'est un peu... pas génial. "Où dois-je mettre cela ?" Les développeurs se demanderont : "Plus haut, dans la balise  ? Ou plus bas, dans la balise  ? Les deux approches créeront des scripts riches. La fin du site a été tragique. . Un script volumineux dans la balise bloquera tout le travail de rendu de page, laissant l'utilisateur dans un état « écran blanc de la mort » jusqu'à ce que le script soit chargé. Le gros script à la fin de la balise permettra uniquement à l'utilisateur de voir une page statique sans vie, et l'endroit où le rendu côté client doit être effectué est parsemé de contrôles non fonctionnels et de cases vides.

Une solution parfaite à ce problème nécessite de diviser et de conquérir les scripts : les scripts chargés de rendre la page plus belle et plus facile à utiliser doivent être chargés immédiatement, tandis que les scripts qui peuvent être chargés plus tard doivent l'être plus tard. Mais comment décompresser ces scripts tout en garantissant leur disponibilité lors de leur appel ?

1. Re-comprendre la balise