Después de ver todas las advertencias sobre el uso de Cloudflare y sitios con muchas imágenes, decidí aceptar ese desafío para un pequeño proyecto personal en el que he estado trabajando. Aunque he tenido bastante éxito con Cloudflare, tengo problemas para entender por qué no puedo cargar las imágenes de mi tema antes de que termine la ejecución del JS (parece que no es un problema de CDN).
¿Existe alguna forma de cargar las imágenes antes (simultáneamente con JS/CSS o simplemente durante la ejecución de JS) o es una imposibilidad absoluta? ¿Podría esto ser una priorización necesaria?
A continuación están los resultados de webpagetest.org. Mi enfoque está en la gran brecha entre los ~2,3 s, cuando termina de cargarse el último script de JS, y los ~3,4 s, cuando las imágenes comienzan su descarga.
Configuración
Enlace: https://investorcommunity.org
Tema: Graceful
Servidor: Droplet de DO (sin caché adicional ni S3)
CDN: Cloudflare (versión gratuita, con “Rocket Loader” desactivado para evitar interferencias con JS). Cabe destacar que desactivar Cloudflare no parece afectar este problema en particular.
Agradezco cualquier idea que alguien pueda tener..
Esa brecha corresponde al período de ejecución de JS, cuando terminamos de descargar la aplicación Discourse EmberJS y la iniciamos. Tenemos a varias personas trabajando en modernizar la aplicación EmberJS y este año comenzaremos a disfrutar de los beneficios de este trabajo.
Sin embargo, al ser una aplicación de JavaScript, siempre habrá cierta ejecución de JS en curso, así que no me preocuparía demasiado por esto si ya has decidido usar Discourse para tu comunidad.
¿Hay alguna manera de iniciar las transferencias de imágenes del tema en paralelo con la inicialización de ese script, para que las imágenes se precarguen y se muestren tan pronto como se complete el JS? ¿O el script de JS es un requisito previo indispensable para saber qué imágenes extraer en primer lugar?
¡Estoy emocionado de escuchar sobre EmberJS! ¡Espero con ansias las grandes mejoras que ustedes siguen implementando!
