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 encendido, como el main.js contiene la función de encendido, y descubra si hay referencias a otros archivos JS en main.js, y Se da prioridad para cargar el archivo JS de referencia.
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. Bloques utilizando las declaraciones de consola.time ('prueba'). 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 mucho tiempo de todas las funciones y bloques de código en el objetivo JS en la consola, y puede ubicar el cuello de botella lugar de código.