Hola a todos,
Estoy incrustando una lista de temas de mis foros en otro sitio web.
Funciona genial, pero las imágenes que aparecen junto a cada tema no están optimizadas.
Esto ralentiza mucho la velocidad de carga de la página. La imagen tiene un tamaño de unos 100 píxeles, pero aún así carga la imagen de calidad completa desde los foros (alrededor de 1 MB). Una versión optimizada pesa unos 90 KB, es decir, 10 veces menos.
¿Hay alguna forma de obligar a que los temas incrustados carguen la versión optimizada de cada imagen de forma predeterminada?
He revisado el JS incrustado, pero no he encontrado ninguna línea relacionada con las imágenes.
¡Gracias!
¿Hay alguna forma de hacer que este js cargue realmente una imagen optimizada?
Las imágenes en mi incrustación tienen un tamaño de aproximadamente 100 px, pero las imágenes grandes de la comunidad ralentizan mucho la carga de la página. ¿No es posible cargar la versión optimizada de 375 px?
¿Existe alguna forma de probar con el JS para hacer esto?
De lo contrario, la alternativa que estoy considerando es obtener una lista de publicaciones usando POST y luego crear divs para estos temas por mi cuenta. Aunque no estoy seguro de lo sencillo que sería esto.
Los temas están incrustados como un iframe, por lo que usar JavaScript será muy difícil. Te resultaría más fácil escribir un plugin o, como mencionaste, llamar directamente a la API para lograr lo que deseas.
Aceptaría una solicitud de incorporación (pull request) en el núcleo para agregar una opción para tamaños de imagen más pequeños si te sientes cómodo con Ruby.
Gracias. Logré hacer eso, pero tengo dificultades para encontrar la versión optimizada de cada foto… Debe haber un enlace fijo para obtener las imágenes optimizadas, ¿verdad?