1. Carregando
Primeiro, carregue o arquivo JS de referência da página estática e, em seguida, encontre se o arquivo de referência contém a função Onload, como a função Onload no main.js, descobre se existem referências a outros arquivos JS no main.js, e a prioridade é carregar o arquivo JS de referência. A ordem de carregamento dos arquivos referenciados é a mesma que a ordem do main.js.
Após o carregamento, comece a executar a função Onload. Como a ordem de execução do JS é executada sequencialmente, a fim de melhorar a velocidade correspondente da página, ela geralmente é desenhar apenas a página em ONLOAD, e algumas funções de ligação de eventos, métodos AJAX etc. podem ser atrasados na escrita.
2. Análise de velocidade de resposta
1. Use ferramentas para analisar
As ferramentas do desenvolvedor dos principais navegadores (como o Firefox mais) podem visualizar facilmente o tempo de carregamento e execução de cada arquivo JS, arquivo HTML, arquivo CSS e imagens.
2. Análise codificada
Na primeira etapa, podemos basicamente localizar o arquivo JS de gargalo. No gargalo JS, você pode usar as instruções console.time ('teste') e console.endtime ('test') para calcular o tempo de execução da função JS e do bloco de código. No entanto, a declaração do console é válida apenas em navegadores que não são da AE, e um erro será relatado no IE. Se você preferir usar o IE, use timestamps. Ao apertar, o método mais conveniente é prender diretamente todo o arquivo JS e, em seguida, usar o Firefox Browser, pressione F12 para ver o tempo consumido de todas as funções e blocos de código no JS de destino no console e você pode localizá-lo no código de gargalo.