Maison interface Web js tutoriel Introduction au chargement de pages js et aux méthodes d'analyse des performances_compétences javascript

Introduction au chargement de pages js et aux méthodes d'analyse des performances_compétences javascript

May 16, 2016 pm 04:54 PM
性能分析

1. Charger

Chargez d'abord le fichier js référencé de la page statique, puis vérifiez si le fichier référencé contient la fonction onload. Par exemple, main.js contient la fonction onload. il existe des références à d'autres fichiers js. Pour les références, les fichiers js référencés sont chargés en premier et l'ordre de chargement des fichiers référencés est cohérent avec l'ordre de main.js.
Une fois le chargement terminé, commencez à exécuter la fonction onload. Étant donné que la séquence d'exécution de js est séquentielle, afin d'améliorer la vitesse de réponse de la page, l'approche générale consiste à dessiner la page uniquement lors du chargement, et certaines fonctions de liaison d'événements, méthodes ajax, etc. peuvent être écrites ultérieurement.

2. Analyse de la vitesse de réponse

1. Analyser à l'aide d'outils
Les outils de développement des principaux navigateurs (j'aime le plus utiliser Firefox) peuvent facilement visualiser chaque fichier js et html. fichier, temps de chargement et d’exécution des fichiers CSS et des images.

2. Analyse du codage en dur
Dans la première étape, nous pouvons essentiellement localiser le fichier js du goulot d'étranglement, vous pouvez utiliser console.time('test') et console.Endtime('. test') réduit le temps d'exécution des fonctions js et des blocs de code. Cependant, l'instruction console n'est valide que lorsqu'elle est exécutée dans des 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'intégralité du fichier js, puis à utiliser le navigateur Firefox. Appuyez sur F12 pour voir la consommation de temps de toutes les fonctions et blocs de code dans le js cible dans la console, et vous pourrez localiser le code du goulot d'étranglement. . à.

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Analyse des performances des processeurs Kirin 8000 et Snapdragon : comparaison détaillée des forces et des faiblesses Analyse des performances des processeurs Kirin 8000 et Snapdragon : comparaison détaillée des forces et des faiblesses Mar 24, 2024 pm 06:09 PM

Analyse des performances des processeurs Kirin 8000 et Snapdragon : comparaison détaillée des forces et des faiblesses Avec la popularité des smartphones et leurs fonctionnalités croissantes, les processeurs, en tant que composants essentiels des téléphones mobiles, ont également attiré beaucoup d'attention. L'une des marques de processeurs les plus courantes et les plus excellentes sur le marché est actuellement la série Kirin de Huawei et la série Snapdragon de Qualcomm. Cet article se concentrera sur l'analyse des performances des processeurs Kirin 8000 et Snapdragon et explorera la comparaison des forces et des faiblesses des deux sous divers aspects. Jetons d’abord un coup d’œil au processeur Kirin 8000. En tant que dernier processeur phare de Huawei, le Kirin 8000

Comparaison des performances : rapidité et efficacité du langage Go et du langage C Comparaison des performances : rapidité et efficacité du langage Go et du langage C Mar 10, 2024 pm 02:30 PM

Comparaison des performances : rapidité et efficacité du langage Go et du langage C Dans le domaine de la programmation informatique, les performances ont toujours été un indicateur important auquel les développeurs prêtent attention. Lors du choix d'un langage de programmation, les développeurs se concentrent généralement sur sa rapidité et son efficacité. Le langage Go et le langage C, en tant que deux langages de programmation populaires, sont largement utilisés pour la programmation au niveau système et les applications hautes performances. Cet article comparera les performances du langage Go et du langage C en termes de vitesse et d'efficacité, et démontrera les différences entre eux à travers des exemples de code spécifiques. Tout d’abord, jetons un coup d’œil à la présentation du langage Go et du langage C. Le langage Go est développé par G

Comment utiliser l'extension php XDebug pour un débogage puissant et une analyse des performances Comment utiliser l'extension php XDebug pour un débogage puissant et une analyse des performances Jul 28, 2023 pm 07:45 PM

Comment utiliser l'extension PHP Xdebug pour un débogage et une analyse des performances puissants Introduction : Dans le processus de développement d'applications PHP, le débogage et l'analyse des performances sont des liens essentiels. Xdebug est un puissant outil de débogage couramment utilisé par les développeurs PHP. Il fournit une série de fonctions avancées, telles que le débogage des points d'arrêt, le suivi des variables, l'analyse des performances, etc. Cet article explique comment utiliser Xdebug pour un débogage et une analyse des performances puissants, ainsi que quelques conseils et précautions pratiques. 1. Installez Xdebug et commencez à utiliser Xdebu

Comment effectuer une analyse des performances du code C++ ? Comment effectuer une analyse des performances du code C++ ? Nov 02, 2023 pm 02:36 PM

Comment effectuer une analyse des performances du code C++ ? Les performances sont une considération importante lors du développement de programmes C++. L'optimisation des performances de votre code peut améliorer la vitesse et l'efficacité de votre programme. Cependant, pour optimiser votre code, vous devez d’abord comprendre où se trouvent ses goulots d’étranglement en termes de performances. Pour trouver le goulot d'étranglement des performances, vous devez d'abord effectuer une analyse des performances du code. Cet article présentera certains outils et techniques d'analyse des performances du code C++ couramment utilisés pour aider les développeurs à détecter les goulots d'étranglement des performances dans le code à des fins d'optimisation. Outil de profilage utilisant l'outil de profilage

Stratégies d'analyse et d'optimisation des performances des files d'attente Java Queue Stratégies d'analyse et d'optimisation des performances des files d'attente Java Queue Jan 09, 2024 pm 05:02 PM

Analyse des performances et stratégie d'optimisation de JavaQueue Résumé de la file d'attente : La file d'attente (file d'attente) est l'une des structures de données couramment utilisées en Java et est largement utilisée dans divers scénarios. Cet article abordera les problèmes de performances des files d'attente JavaQueue sous deux aspects : l'analyse des performances et les stratégies d'optimisation, et donnera des exemples de code spécifiques. Introduction La file d'attente est une structure de données premier entré, premier sorti (FIFO) qui peut être utilisée pour implémenter le mode producteur-consommateur, la file d'attente des tâches du pool de threads et d'autres scénarios. Java fournit une variété d'implémentations de files d'attente, telles que Arr

Conseils de développement C++ : Comment effectuer une analyse des performances du code C++ Conseils de développement C++ : Comment effectuer une analyse des performances du code C++ Nov 22, 2023 pm 08:25 PM

En tant que développeur C++, l'optimisation des performances est l'une de nos tâches incontournables. Afin d'améliorer l'efficacité d'exécution et la vitesse de réponse du code, nous devons comprendre les méthodes d'analyse des performances du code C++ afin de mieux déboguer et optimiser le code. Dans cet article, nous vous présenterons certains outils et techniques d’analyse des performances du code C++ couramment utilisés. Options de compilation Le compilateur C++ fournit des options de compilation qui peuvent être utilisées pour optimiser l'efficacité d'exécution du code. Parmi elles, l’option la plus couramment utilisée est -O, qui indique au compilateur d’optimiser le code. Normalement, nous définirions

Outils et techniques pour l'optimisation du code et l'analyse des performances en JavaScript Outils et techniques pour l'optimisation du code et l'analyse des performances en JavaScript Jun 16, 2023 pm 12:34 PM

Avec le développement rapide de la technologie Internet, JavaScript, en tant que langage frontal largement utilisé, reçoit de plus en plus d'attention. Cependant, lors du traitement de grandes quantités de données ou d'une logique complexe, les performances de JavaScript seront affectées. Afin de résoudre ce problème, nous devons maîtriser certains outils et techniques d’optimisation du code et d’analyse des performances. Cet article vous présentera certains outils et techniques d’optimisation du code JavaScript et d’analyse des performances couramment utilisés. 1. Optimisation du code pour éviter les variables globales : les variables globales occuperont plus

Comment utiliser les outils d'analyse des performances pour analyser et optimiser les fonctions Java ? Comment utiliser les outils d'analyse des performances pour analyser et optimiser les fonctions Java ? Apr 29, 2024 pm 03:15 PM

Les outils d'analyse des performances Java peuvent être utilisés pour analyser et optimiser les performances des fonctions Java. Choisissez des outils d'analyse de performances : JVisualVM, VisualVM, JavaFlightRecorder (JFR), etc. Configurez les outils d'analyse des performances : définissez le taux d'échantillonnage, activez les événements. Exécuter la fonction et collecter des données : exécutez la fonction après avoir activé l'outil de profilage. Analysez les données de performances : identifiez les indicateurs de goulot d'étranglement tels que l'utilisation du processeur, l'utilisation de la mémoire, le temps d'exécution, les points chauds, etc. Optimiser les fonctions : utilisez des algorithmes d'optimisation, refactorisez le code, utilisez la mise en cache et d'autres technologies pour améliorer l'efficacité.

See all articles