JavaScript não utilizado

A Silktide carrega as suas páginas num navegador real e mede quanto de cada script é realmente executado enquanto a página carrega. Os scripts com uma grande quantidade de código não utilizado são comunicados, juntamente com a potencial poupança.

Por que isto é importante

O não utilizado custa duas vezes aos seus visitantes: uma vez para o descarregar e outra enquanto o navegador analisa e compila código que nunca é executado. Nos telemóveis, esse segundo custo é predominante — um telemóvel de gama média pode demorar várias vezes mais a processar um script do que a descarregá-lo. Durante esse tempo, a página não consegue responder a toques ou à deslocação.

O código não utilizado acumula-se da mesma forma que o CSS não utilizado: as frameworks e bibliotecas incluem funcionalidades que não utiliza, e o código antigo raramente é removido. Cada visitante paga por ele em cada visualização da página.

Como corrigir

Remova os scripts de que a página já não precisa, incluindo as etiquetas de serviços que deixou de utilizar.
Divida os pacotes grandes para que cada página carregue apenas o código que utiliza. As ferramentas de compilação modernas suportam a divisão de código, que faz isto automaticamente.
Carregue o código de funcionalidades abaixo da dobra ou a pedido — modais, leitores, widgets — apenas quando for necessário, em vez de o carregar antecipadamente:

// Carrega o widget de chat apenas quando o visitante o solicita
button.addEventListener('click', async () => {
  const { openChat } = await import('./chat.js');
  openChat();
});

Como a Silktide faz esta verificação

Carrega a página num navegador real e regista que partes de cada script são executadas enquanto a página carrega.
Para cada script, mede quantos dos seus bytes nunca foram executados.
Comunica cada script com desperdício significativo, mostrando o seu tamanho atual, a percentagem não utilizada e os bytes que poderia poupar.

Resolução de problemas

O código é executado, mas não durante o carregamento da página

A medição abrange o carregamento inicial. O código que só é executado mais tarde — validação de formulários, gestão de menus, funcionalidades acionadas por cliques — é contabilizado como não utilizado, embora a página venha a precisar dele. Esse código é um bom candidato para ser carregado a pedido em vez de antecipadamente.

O código não utilizado está num script de terceiros

Normalmente, não pode reduzir o pacote de outra pessoa, mas pode controlar quando ele é carregado. Consulte código de terceiros e fachadas para código de terceiros para conhecer algumas abordagens.