Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Site lento - como descobrir a falha?

Olá, tudo bem ?

Tem um projeto que estou envolvido que o carregamento da home está bastante lento (depois que o site carrega, as demais páginas ficam rápidas). Já tentei utilizar o PageSpeed do Google, o GT Matrix mas não consigo identificar onde está a demora. O inspetor do Chrome também não consegue identificar - quando eu vejo o waterfall, na aba network, aparece os carregamentos até 1.5seg e depois pula pra 10seg em diante, sem mostrar nenhum arquivo com a barra de carregamento longo (que seria o responsável por esses 8.5 seg). Na aba de perfomance aparece um tempo de carregamento de Scripting de 11seg. Imagino então que essa demora seja por conta de algum arquivo JS, seria isso mesmo? O problema é que está tudo em Angular e tem vários arquivos com milhares de linhas de JS.

Eu imagino que seja difícil alguém saber sem o projeto em mãos, mas teriam alguma sugestão o que que eu tenho que fazer para identificar onde está causando essa lentidão ?!

1 resposta
solução!

Olá Enzo, tudo certo?

Aqui na plataforma tem dois cursos sobre performance na web e como você comentou, pode ser que essas chamadas para vários arquivos .js estejam atrapalhando o carregamento da página, mesmo pode ser algum problema com assincronia.

O Javascript é blocante, ou seja, se antes do carregamento do <body> e </body> tiver uma requisição de um arquivo Javascript, e esse arquivo não deixará nada acontecer antes que esse arquivo seja baixado. Uma solução para este caso é colocar todas as chamadas de Javascript no fim da página, dentro do body mesmo.

Mas como não sou nenhum especialista em front-end, seguem os cursos do Sergio Lopes, que esse sim sabe muito bem como aumentar a performance na web:

Curso 1

Curso 2

Bons estudos!