Les performances JavaScript dans les navigateurs sont devenues le problème d'utilisabilité le plus important auquel sont confrontés les développeurs. Ce problème est compliqué par la nature bloquante de JavaScript, ce qui signifie que lorsque le navigateur exécute du code JavaScript, il ne peut rien faire d'autre en même temps. Cet article explique comment charger et exécuter correctement du code JavaScript pour améliorer ses performances dans le navigateur.
Vue d'ensemble
Peu importe si le code JavaScript actuel est intégré ou dans un fichier de lien externe, le téléchargement et le rendu de la page doivent s'arrêter et attendre la fin de l'exécution du script. Plus le processus d'exécution de JavaScript est long, plus le navigateur attend pour répondre aux entrées de l'utilisateur. La raison pour laquelle les navigateurs bloquent lors du téléchargement et de l'exécution de scripts est que le script peut modifier l'espace de noms de la page ou JavaScript, ce qui affecte le contenu des pages suivantes. Un exemple typique consiste à utiliser document.write() sur la page.
Exemple de code JavaScript en ligne
<html>
<head>
<title>Source Example</title>
</head>
<body>
<p>
<script type="text/javascript">
document.write("Today is " + (new Date()).toDateString());
</script>
</p>
</body>
</html>Lorsque le navigateur rencontre la balise
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
