Descrição dos anuncios pesados

Bom dia a todos!
Tudo certo?
@thais @Matheus @leonardo

Gente, estamos pensando em melhorar nossa performance no corpo dos nossos anúncios, eles todos sao feitos por código, eles são montados a partir de hiperlinks com imagens de outros servers, tanto quando são incluidos CSS e HTML unicos para cada anúncio.

Estamos percebendo, principalmente no mobile que a nossa pontuação no pagespeed insights quando se refere ao mobile do google esta muito baixa, e queremos entender e explorar melhor as configurações que deixem nosso site mais leve para carregamento. Hoje tem algumas descrições que demora pra carregar, outras nem carrega as imagens e fica com delay na hora de aparecer tanto texto quanto imagens.


Existem padrões de extensões de arquivo, hospedagem, melhorias no código que podemos fazer para ficar mais leve e apresentável para o cliente que entra no produto, possa ver as caracterisitcas dele de forma ágil e simples, sem esperar pra carregar por muito tempo, o que pode ocasionar a desistência de compra muitas vezes.

Pensando nas melhores práticas que podemos usar hoje, com o que temos de melhor e utilizando todos os recursos possíveis para otimizar essas descrições, o que recomendam?

Nos deem uma noção disso, que vamos ajustando e deixando o site cada vez mais simples e fácil de navegar. Podem nos listar, fazer um checklist bem simples, analisando o que temos hoje, formatos de arquivo, melhores hospedagens, utilização dos css +html otimizados, e o que pode melhorar para trabalhar esses pontos?

Valeu gente!

Aguardamos vocês para evoluir nessa!

Abraço.

Boa tarde, tudo bem?
É uma análise complexa, mas para começar a mudança para Google Cloud vai te trazer alguns milisegundos de performance.

Existem alguns scripts que poderiam ser minificados, como:

URL Tamanho da transferência Possível economia
…v2/ho-v2.js?v=5

(www.heyoliver.com)|121,7 KiB|26,4 KiB|
|…vendors/xss.js

(dtbot.directtalk.com.br)

Talvez até utilizar parâmetros como async para que seja passado para uma renderização posterior.

Aqui informa também o uso de webfonts, não vi exatamente onde importou elas, sabe me dizer?

Ok, Matheus.

Pensando somente no corpo do anuncio em si, qual melhor formato de imagens para rodar mais rápido tanto no desktop quanto mobile? Alguma indicação de software para otimizar nossas imagens atuais nos anúncios?

https://tinypng.com/ é uma ferramenta que conhecemos há algum tempo e faz um bom trabalho para redução de imagens sem distorcer a mesma. Fiz um teste com uma das imagens da descrição e reduziu 50% no tamanho. Um tipo de imagem que o Google indica é a webp, hoje ela já tem uma inserção maior no safari e no mobile, mas não está 100% adaptada, se quiser pode fazer um teste, pois webp é como se fosse um arquivo web, mais leve. Sendo webp ela precisa ter um tamanho menor e não continuar com 400kb por exemplo. Então pode fazer uma compressao usando tinypng e depois converter ela em webp