Tempo de execução do JavaScript

A Silktide mede quanto tempo o navegador passa executando scripts enquanto a sua página é carregada. O processamento intenso de scripts impede que a página responda, por isso ela pode parecer carregada, mas ignorar toques e cliques durante vários segundos.

Por que isso é importante

Baixar um script é apenas o primeiro custo. Depois, o navegador precisa analisá-lo e executá-lo, e tudo isso acontece na mesma thread que gerencia a rolagem, a digitação e os toques. Enquanto os scripts são executados, a página fica surda: os botões não respondem e a página parece estar com problemas, mesmo que pareça totalmente carregada.

Ao contrário do tempo de download, esse custo varia conforme o processador do visitante: um script que é executado em meio segundo na máquina de um desenvolvedor pode levar vários segundos em um celular básico. Os visitantes com os dispositivos mais baratos esperam por mais tempo.

Como corrigir

Envie menos . Remover código não utilizado é o ganho mais direto — consulte JavaScript não utilizado.
Divida pacotes grandes e carregue o código de recursos abaixo da dobra ou orientados à interação somente quando necessário, para que o carregamento inicial execute apenas o que a primeira tela exige.
Audite scripts de terceiros, que frequentemente dominam o tempo de execução — consulte Código de terceiros. Remova aqueles cujo valor não justifica o custo.
Mova cálculos realmente pesados para um web worker, que é executado em uma thread separada e mantém a página responsiva.

Como a Silktide testa isso

Carrega a página em um navegador real, usando o tipo de dispositivo, a velocidade de conexão e o local de teste configurados para os seus testes de velocidade.
Mede o tempo de processamento consumido por cada script durante o carregamento, separado entre a execução do código (avaliação do script) e a preparação para execução (análise sintática).
Informa os scripts que consumiram um tempo significativo, com um detalhamento por arquivo. Quando o tempo total de execução é baixo, nenhum script individual é listado.
Classifica a página pelo total: menos de 2 segundos é bom, e cerca de 3,5 segundos ou mais é classificado como ruim.

Solução de problemas

Um script de terceiros está no topo da lista

O Analytics, os gerenciadores de tags, os anúncios e os widgets de chat frequentemente consomem mais tempo de execução do que o próprio código de um site. Você não pode otimizar o funcionamento interno deles, mas pode carregá-los mais tarde, substituí-los por alternativas mais leves ou remover os que ninguém usa.

A página parece rápida na minha máquina

O tempo de execução depende do processador. As máquinas de desenvolvedores normalmente são várias vezes mais rápidas do que os celulares intermediários usados pela maioria dos visitantes, então algo que parece insignificante para você pode levar segundos para eles. Os números medidos vêm de um teste controlado, não do seu hardware.