Olá a todos,
Estou incorporando uma lista de tópicos do meu fórum em outro site.
Funciona muito bem, porém as imagens que aparecem ao lado de cada tópico não estão otimizadas.
Isso realmente deixa o carregamento da página bem lento. A imagem tem cerca de 100px, mas ainda carrega a versão de alta qualidade do fórum (cerca de 1MB). Uma versão otimizada tem aproximadamente 90KB, ou seja, 10 vezes menor.
Existe alguma maneira de forçar os tópicos incorporados a carregar a versão otimizada de cada imagem por padrão?
Olhei o JavaScript incorporado, mas não encontrei nenhuma linha relacionada às imagens.
Obrigado!
Existe alguma maneira de fazer esse JS carregar uma imagem otimizada?
As imagens do meu embed têm cerca de 100px, mas as imagens grandes da comunidade estão prejudicando o tempo de carregamento da página. Não é possível carregar a versão otimizada de 375px?
Existe alguma maneira de experimentar com o JS para fazer isso?
Caso contrário, a alternativa que estou considerando é obter uma lista de posts usando POST e, em seguida, criar divs para esses tópicos por conta própria. Não tenho certeza de quão simples isso seria.
Os tópicos são incorporados como um iframe, então usar JavaScript será muito difícil. Você teria mais facilidade criando um plugin ou, como você mencionou, chamando a API diretamente para fazer o que deseja.
Eu aceitaria um pull request no core para adicionar uma opção para tamanhos de imagem menores, se você estiver confortável com Ruby.
Obrigado. Consegui fazer isso, mas estou com dificuldade para encontrar a versão otimizada de cada foto… Deve haver um link fixo para obter as imagens otimizadas, certo?