Firefox 75 obtiene soporte de carga diferida para imágenes e iframes

Mozilla planea admitir la carga diferida de imágenes e iframes en Firefox 75. La carga diferida se refiere a una técnica que difiere la carga de elementos en una página para mejorar la carga y la representación de la página web, reducir el uso de memoria y el uso de datos de red; estos elementos suelen estar debajo del pliegue en carga (no visibles para el usuario).

La carga diferida hasta ahora requería el uso de JavaScript. Un nuevo atributo para imágenes e iframes agrega soporte de carga diferida en los navegadores que lo admiten. Google presentó soporte para la nueva etiqueta de carga diferida en Chrome 76 que lanzó el año pasado.



Mozilla agregó soporte para carga diferida en versiones recientes de Firefox Nightly, la versión de desarrollo de vanguardia del navegador. La carga diferida no está habilitada de forma predeterminada, pero los usuarios pueden habilitarla en Firefox Nightly. La función se abrirá camino a las versiones Beta, Dev y, finalmente, Stable del navegador web Firefox.

Controlar la carga diferida en Firefox

firefox lazy loading

Así es como se controla la funcionalidad de carga diferida en Firefox:



  1. Cargue about: config en la barra de direcciones del navegador.
  2. Confirme que tendrá cuidado si se muestra la página de advertencia intermedia.
  3. Busque dom.image-lazy-loading.enabled.
  4. Cambie la preferencia para que su valor sea Verdadero (habilitado).

Puede deshabilitar la carga diferida en cualquier momento estableciendo la preferencia en False en about: config. Carga el siguiente página de demostración para comprobar si el soporte de carga diferida funciona correctamente.

lazy loading test

La carga diferida, una vez habilitada, funciona en sitios que usan la etiqueta para imágenes. WordPress planea introducir soporte para el atributo de carga de imágenes en la popular plataforma de blogs de forma predeterminada, lo que agregaría soporte automáticamente a los blogs de WordPress una vez que se produzca el cambio y el blog se actualice a la nueva versión.



Los webmasters que no usan WordPress pueden necesitar agregar las etiquetas manualmente o usando scripts. Todo lo que se necesita es agregar loading = 'lazy' a las imágenes o iframes para hacer uso de la nueva función.

Palabras de cierre

La integración nativa de la carga diferida de imágenes e iframes en los navegadores web, y la compatibilidad con el nuevo atributo de WordPress, deberían impulsar la función de manera significativa. La carga diferida de JavaScript tiene algunos problemas asociados, pero dado que la integración nativa limita la compatibilidad con imágenes e iframes, no debería verse afectada por la mayoría de ellos.

Ahora tu: ¿cuál es su opinión sobre la carga diferida? (vía Techdows)