0
(0)

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

Técnicamente hablando, la carga perezosa impide que el navegador cargue cierto contenido hasta que el usuario acceda a él. Cuando una página se carga por primera vez, el contenido que no es visible, por debajo del pliegue, puede ser cargado por pereza. Cuando un usuario se desplaza hacia abajo, el contenido se carga mientras se realiza la acción de desplazamiento.

La carga perezosa de los iframes en los navegadores web basados en el Chrome sigue la misma metodología. Los webmasters deben utilizar el atributo loading=»lazy» para los iframes en el código del sitio para informar al navegador que el contenido no debe ser cargado de inmediato. Los navegadores que no soportan la funcionalidad ignorarán el atributo mientras que los navegadores que lo soportan manejarán la carga de acuerdo a ello.

iframe lazyloading
imagen de Google

Google hizo algunas pruebas para determinar el efecto de la carga perezosa de los iframes. Observó lo siguiente:

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

En términos generales, la carga perezosa de iframes fuera de la pantalla lleva a un 2-3% de ahorro de datos medianos, 1-2% de pintura de primera contención, y 2% de retraso en la entrada.

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

Los webmasters necesitan especificar el parámetro loading=»lazy» para conseguir que los navegadores que soportan el «lazy loading» pospongan la carga hasta que se acceda al contenido. Además, es posible utilizar el parámetro «eager» para informar al navegador que el contenido debe ser cargado de inmediato, y utilizar «auto» para dejar que el navegador decida.

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

Palabras finales

El objetivo principal de Lazy loading 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 dar lugar a que algunos contenidos no se muestren de inmediato, dependiendo de la velocidad de desplazamiento y del rendimiento del dispositivo y de la red.

Ahora tú: Carga perezosa, sí o no, ¿cuál es tu opinión? (a través de Techdows)

¿Le ha parecido útil este contenido?

¡Haz clic en una estrella para puntuar!

Promedio de puntuación 0 / 5. Recuento de votos: 0

Hasta ahora, ¡no hay votos!. Sé el primero en puntuar este contenido.