As bibliotecas JavaScript são carregadas de forma assíncrona quando possível?

Carregamento assíncrono refere-se à técnica de carregar scripts JavaScript sem bloquear o renderizador do navegador. Isso significa que enquanto a biblioteca está sendo carregada, o navegador pode continuar a processar e renderizar a página, melhorando assim a experiência do usuário.

Os principais benefícios incluem a redução do tempo de carregamento da página, a melhoria de métricas como Time to Interactive (TTI) e First Contentful Paint (FCP), além de uma experiência de usuário mais fluida, pois o conteúdo pode ser exibido mais rapidamente enquanto os scripts são carregados em segundo plano.

Você pode implementar o carregamento assíncrono usando atributos como ‘async’ ou ‘defer’ nas tags . O atributo ‘async’ carrega o script de forma assíncrona e o executa assim que estiver pronto, enquanto ‘defer’ garante que o script seja executado apenas após o carregamento completo do DOM.

Sim, uma desvantagem é que a ordem de execução dos scripts pode não ser garantida com o ‘async’, o que pode causar problemas se um script depende de outro. No entanto, o ‘defer’ mantém a ordem correta de execução, o que minimiza esse risco.

Você pode usar ferramentas como Google Lighthouse, WebPageTest e Chrome DevTools para medir o impacto do carregamento assíncrono em suas métricas de desempenho, como TTI e FCP. Essas ferramentas fornecem relatórios detalhados que ajudam a identificar áreas de melhoria.