Las imágenes nuevas se cargan de forma diferida por defecto

Para ayudar a que tus sitios carguen más rápido, hemos hecho que todas las imágenes nuevas se carguen de forma diferida (lazy load) por defecto, lo que significa que se cargan cuando aparecen en pantalla, en lugar de cargar todas las imágenes de una página al abrir el sitio por primera vez.

Un poco de contexto: los sitios con muchas imágenes pueden ralentizar drásticamente la carga de las páginas. Además de cambiar el tamaño y optimizar los recursos individuales (o confiar en nuestra optimización de imágenes adaptables), un truco que puedes usar para solucionar este problema es añadir un atributo personalizado “loading = lazy” a las imágenes, que indica al navegador que no cargue esa imagen hasta que el usuario se desplace hasta ella.

Esto siempre ha sido posible con código personalizado, pero puede ser un engorro; así que, para que tus sitios funcionen más rápido y tu vida sea un poco más fácil, hemos configurado todas las imágenes nuevas para que se carguen de forma diferida por defecto.

Esta actualización no afecta a las imágenes existentes en los sitios, aunque puedes habilitar fácilmente este ajuste para cada imagen desde su panel de configuración. También puedes anular este valor predeterminado por imagen si prefieres que se carguen al abrir la página inicialmente.

También es importante señalar que la carga diferida solo se aplica a las imágenes en línea (es decir, <img> elementos), y no cubre las imágenes de fondo, que pueden ser una fuente importante de lentitud si no se optimizan correctamente. Además de comprimir y optimizar las imágenes de fondo que utilices, también puedes usar image object-fit como alternativa, lo que te permite lograr los mismos diseños aprovechando la carga diferida y la función de imágenes adaptables integrada de Webflow.