Optimisation des performances de JavaScript : chargement et exécution-js tutoriel-php.cn

Optimisation des performances de JavaScript : chargement et exécution

黄舟

Libérer： 2017-02-07 14:48:25

original

1000 Les gens l'ont consulté

Avec la promotion continue de la technologie Web2.0, de plus en plus d'applications utilisent la technologie JavaScript pour le traitement côté client, faisant des performances de JavaScript dans le navigateur 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.

01-

Aperçu

Peu importe que le code JavaScript actuel soit 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 le exécution du script à terminer. 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. Par exemple, Listing 1

Listing 1 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>

Copier après la connexion

Lorsque le navigateur rencontre la balise

Derniers articles par auteur