1. Chargement
Chargez d'abord le fichier JS de référence de la page statique, puis découvrez si le fichier de référence contient la fonction onload, tel que le main.js contient la fonction onload, et découvrez s'il existe des références à d'autres fichiers JS dans main.js, et La priorité est donnée pour charger le fichier JS de référence.
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 Bottleneck. Blocs utilisant les instructions Console.Time ('Test'). 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 localiser le bouteille de goulot Place de code.