Realmente seu site está muito carregado.
Olha o teste:
https://www.webpagetest.org/result/200906_95_29deb6f0f20ecdb43b3594736506b56d/
Neste teste waterfall você consegue ver o que está puxando o tempo do seu site, como Google Ads, que você nem utiliza na página, Google Tag, plugins de fontes, dezenas de imagens…
Recomendaria:
I. fazer a carga “lazy” das imagens. WordPress tem diversos meios para isso, mas programar diretamente seria ideal.
O meu site eu programei o Lazy-Load por meio de javascript direto, como você pode verificar no link abaixo:
https://www.99contratos.com.br/contrato-prestacao-servico-pf.php
II. remover Google Ads e outros serviços que você não utiliza.
III. utilizar algum ‘image optmizer’ para poder diminuir as imagens do seu site sem perder a qualidade, isso ajudará e muito na carga inicial.
Um exelente que utilizo é:
https://tinypng.com/
CB
(@cbrandt)
Olá,
Cuidado ao implementar o conselho do Page Speed Insights. O recurso de “preload” (pré-carregamento) só deve ser usado para recursos que vc tem certeza que vão ser necessários na página. Para imagens, siga o conselho do @gfalcaor e utilize o recurso “lazy load”, que é o oposto do “preload”.
Preload = carregue o quanto antes, pois é essencial para a página
Lazy load = carregue somente se for necessário, ou seja, se o usuário de fato chegar na altura da página onde a imagem ou o javascript vão aparecer.
Eu só recomendo usar preload com fontes, pois elas são carregadas pelos arquivos CSS e todos os CSS do site precisam estar completamente baixados antes que o browser solicite as fontes, o que gera um gargalo. Usando o recurso preload, vc indica para o navegador que a fonte é essencial na página e deve ser precarregada, não precisando aguardar o CSS. Mas isso somente para fontes que são necessariamente utilizadas. Do contrário vc está gerando um peso para a página desnecessário.
Vc pode usar o plugin Pre* Party Resource Hints, que permite que vc adicione essas dicas (hints) para o navegador tanto de um modo global, para recursos que são usados em todo o site, como página por página, para recursos que só aparecem em alguns URLs.
Eu uso muito o preconnect ou dns-prefetch, para domínios de terceiros que o site usa (Google Analytics, Youtube etc), e o preload somente para fontes.
