Suporte » Temas » como resolver( link rel=preload)

  • fabianoekonova

    (@fabianoekonova)


    Estou com um problema que atrasa em 7 segundo a inicialização do meu site mobile conforme o pagespeed insights, a mensagem que aparece é esta. Use <link rel=preload> para priorizar a busca de recursos que, no momento, são solicitados posteriormente no carregamento de página

    Sou meio leigo neste assunto, e não faço idéia de onde resolver isso, kkkk
    Helpppp

    A página que eu preciso de ajuda: [fazer login para ver o link]

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • 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/

    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.

Visualizando 2 respostas - 1 até 2 (de um total de 2)
  • Você deve estar conectado para responder a este tópico.