Melhorias de performance

[Thayna-Zacharias]

Verificar teste enviado pelo cliente que indicou índices baixos de desempenho e atuar em melhorias.
Julia está atuando em uma issue parecida em outro projeto e dará instruções em quais pontos atuar.
https://pagespeed.web.dev/analysis/https-midianinja-org/0ggfe3wroe?form_factor=mobile

[julialaurentino]

Feito alguns ajustes de código.

Sugestão de ativar as seguintes opções no W3 Pro:

• Delay Scripts
• Remove unwanted/unused CSS/JS
• Preload requests

[julialaurentino]

Aplicada atualizações dos plugins, ainda podemos:

• Utilizar listeners passivos: https://developer.chrome.com/docs/lighthouse/best-practices/uses-passive-event-listeners?utm_source=lighthouse&utm_medium=devtools&hl=pt-br (o arquivo apontado é fora do nosso escopo - jquery)

• Analisar política de cache para estáticos de longo prazo:
  https://developer.chrome.com/docs/lighthouse/performance/uses-long-cache-ttl?utm_source=lighthouse&utm_medium=devtools&hl=pt-br (avaliar caso a alteração de código ainda não seja suficiente)

• Analisar possibilidade de diminuir o número de nós no DOM - está com 1.886 elementos : https://developer.chrome.com/docs/lighthouse/performance/dom-size?utm_source=lighthouse&utm_medium=devtools&hl=pt-br (o elemento apontado no tema infelizmente não é reformulável sem grande impacto de layout - entraria em refatoração)

• Minimizar o tamanho da linha principal: https://developer.chrome.com/docs/lighthouse/performance/mainthread-work-breakdown?utm_source=lighthouse&utm_medium=devtools&hl=pt-br (muitos elementos fora do nosso escopo, aplicado pelos plugins, gtag e ads)

• Redução do tempo de execução do JS do tema: https://developer.chrome.com/docs/lighthouse/performance/bootup-time?utm_source=lighthouse&utm_medium=devtools&hl=pt-br (aplicado ajuste para teste)

[julialaurentino]

Foi aplicado Intersection Observer nos JS dos nossos slick sliders, precisa ser validado se melhorou o desempenho direto em prod por possuir as configurações que não são reproduzíveis em dev e local

[julialaurentino]

Ficamos como última tentativa de investigar se existe lazy load para o bloco de ADS do Newspack

[julialaurentino]

Verifiquei que os blocos de Newspack Ads já estão configurados com o lazy load nativo

[julialaurentino]

Teste 15/10: Manteve reprodado no mobile
https://pagespeed.web.dev/analysis/https-midianinja-org/u5rkc98uea?form_factor=mobile

[julialaurentino]

Melhorias bloqueadas de avançar pelo impacto dos itens:

• bloco newspack na primeira dobra
  

• anúncio na primeira dobra
  

• quantidade de js trazida dos anuncios
  

Necessária avaliação de refatoração do tema.