1. Chargement
Chargez d'abord le fichier JS de référence de la page statique, puis recherchez si le fichier de référence contient la fonction Onload, telle que la fonction onload dans main.js, découvrez s'il existe des références à d'autres fichiers JS dans main.js, et la priorité est de charger le fichier JS de référence. L'ordre de chargement des fichiers référencés est le même que l'ordre de main.js.
Après le chargement, commencez à exécuter la fonction Onload. Étant donné que l'ordre d'exécution de JS est exécuté séquentiellement, afin d'améliorer la vitesse correspondante de la page, il s'agit généralement de dessiner uniquement la page en chargement, et certaines fonctions de liaison d'événements, les méthodes AJAX, etc. peuvent être retardées d'écriture.
2. Analyse de la vitesse de réponse
1. Utilisez des outils pour analyser
Les outils du développeur des principaux navigateurs (comme Firefox le plus) peuvent facilement afficher le temps de chargement et d'exécution de chaque fichier JS, fichier HTML, fichier CSS et images.
2. Analyse codée dure
Dans la première étape, nous pouvons essentiellement localiser le fichier JS d'étranglement. Dans Bottleneck JS, vous pouvez utiliser les instructions Console.Time ('Test') et Console.endTime ('Test') pour calculer le temps d'exécution de la fonction JS et du bloc de code. Cependant, l'instruction Console n'est valable que dans les navigateurs non IE, et une erreur sera signalée sous IE. Si vous préférez utiliser IE, utilisez des horodatages. Lors du pincement, la méthode la plus pratique consiste à pincer directement l'ensemble du fichier JS, puis à utiliser Firefox Browser, appuyez sur F12 pour voir le temps de toutes les fonctions et blocs de code dans le JS cible dans la console, et vous pouvez le localiser au code d'étranglement.