Los navegadores Chromium admiten la carga diferida de iframe ahora para respaldar el rendimiento

Google revelado el 24 de julio de 2020 que los navegadores web basados ​​en Google Chrome y Chromium admiten la carga diferida de contenido iframe ahora. La integración de la función se produce justo después de que Google introdujera el soporte para el carga diferida de imágenes en Chromium y Chrome. El navegador web Firefox de Mozilla también admite la carga diferida de imágenes.

Técnicamente hablando, la carga diferida evita que el navegador cargue cierto contenido hasta que el usuario acceda a él. Cuando se carga una página por primera vez, el contenido que no está visible, debajo de la página, puede cargarse de forma diferida. Cuando un usuario se desplaza hacia abajo, el contenido se carga mientras se realiza la acción de desplazamiento.



La carga diferida de iframes en navegadores web basados ​​en Chromium sigue la misma metodología. Los webmasters deben usar el atributo loading = 'lazy' para iframes en el código del sitio para informar al navegador que el contenido no debe cargarse de inmediato. Los navegadores que no admiten la funcionalidad ignorarán el atributo, mientras que los navegadores que lo admitan manejarán la carga en consecuencia.

iframe lazyloading
imagen de Google

Google realizó algunas pruebas para determinar el efecto de la carga diferida de iframes. Señaló lo siguiente:

  • La carga diferida de incrustaciones de YouTube ahorraría unos 500 kilobytes en la carga inicial de la página.
  • En chrome.com, Google logró reducir el tiempo de carga en 10 segundos en dispositivos móviles cuando agregó el atributo perezoso a las incrustaciones de YouTube en la página.
  • Las incrustaciones de carga diferida en Instagram ahorran alrededor de 100 kilobytes en la carga inicial.
  • La carga diferida de las incrustaciones de Spotify ahorra 514 kilobytes en la carga inicial.

En términos generales, la carga diferida de iframes fuera de la pantalla genera un ahorro medio de datos del 2-3%, el 1-2% de la primera pintura con contenido y el 2% de retraso en la primera entrada.



Google señala que también existe la posibilidad de utilizar los atributos de carga para publicidad en sitios web.

Los webmasters deben especificar el parámetro loading = 'lazy' para que los navegadores que admitan la carga diferida pospongan la carga hasta que se acceda al contenido. Además, es posible usar el parámetro 'ansioso' para informar al navegador que el contenido debe cargarse de inmediato y usar 'auto' para que el navegador decida.

Google implementó una excepción en el modo Lite en Chrome para Android. El modo básico, o modo de ahorro de datos, es un modo especial compatible con Chrome para Android que está diseñado para mejorar el rendimiento de carga mediante el uso de servidores de Google para cargar contenido más rápido. Las imágenes fuera de la pantalla y los iframes se cargan automáticamente si el modo Lite está activo en el navegador web Chrome.

Palabras de cierre

El objetivo principal de la carga diferida es acelerar la carga inicial de un sitio web. El contenido que no se carga inicialmente cuando se carga el sitio se carga cuando los usuarios se desplazan por la página; esto puede provocar que parte del contenido no se muestre de inmediato, según la velocidad de desplazamiento y el rendimiento del dispositivo y la red.

Ahora tu: Carga diferida, sí o no, ¿cuál es tu opinión? (vía Techdows)