1. Carga
Primero cargue el archivo JS de referencia de la página estática, y luego encuentre si el archivo de referencia contiene la función de carga, como la función de onload en main.js, encuentre si hay referencias a otros archivos JS en main.js, y la prioridad es cargar el archivo JS de referencia. El orden de carga de los archivos referenciados es el mismo que el orden de Main.js.
Después de cargar, comience a ejecutar la función Onload. Dado que la orden de ejecución de JS se ejecuta secuencialmente, para mejorar la velocidad correspondiente de la página, generalmente es solo dibujar la página en Onload, y algunas funciones de enlace de eventos, métodos AJAX, etc. pueden retrasarse.
2. Análisis de velocidad de respuesta
1. Use herramientas para analizar
Las herramientas de desarrollador de los principales navegadores (como el máximo Firefox) pueden ver fácilmente el tiempo de carga y ejecución de cada archivo JS, archivo HTML, archivo CSS e imágenes.
2. Análisis codificado
En el primer paso, básicamente podemos localizar el archivo JS del cuello de botella. En el cuello de botella JS, puede usar las declaraciones de console.time ('test') y console.endtime ('test') para calcular el tiempo de ejecución de la función JS y el bloque de código. Sin embargo, la declaración de la consola solo es válida en los navegadores que no son II, y se informará un error bajo IE. Si prefiere usar IE, use marcas de tiempo. Al pellizcar, el método más conveniente es pellizcar directamente todo el archivo JS, y luego usar el navegador Firefox, presione F12 para ver el tiempo que lleva el tiempo de todas las funciones y bloques de código en el objetivo JS en la consola, y puede ubicarlo en el código de cuello de botella.