Después de agregar la función de carga diferida de imágenes nativas a Chrome el año pasado, Google ahora permite a los desarrolladores cargar iframes pesados de forma diferida. ¡Siga leyendo para saber más!
El aumento del tráfico web procedente de usuarios de dispositivos móviles y personas de todo el mundo con capacidades de conexión limitadas empujó a las empresas y desarrolladores a optimizar en gran medida las velocidades de carga de los sitios web. Tradicionalmente, cuando navega a una página web, ésta descarga y muestra todo el contenido disponible: imágenes, íconos, GIF, estilos, scripts, etc. Como puede imaginar, cargar todo eso provoca un retraso cuando se inicia el sitio web, especialmente para los usuarios con conexiones lentas. Google lleva un tiempo intentando eliminar este problema. El año pasado agregaron función de carga diferida de imágenes en Google Chrome 76. Ahora, Google ofrece la misma funcionalidad a los iframes.
La carga diferida carga el contenido de la página web bajo demanda, lo que significa que no se descargará y se muestran hasta que se desplaza hacia abajo y los muestra en la vista, lo que disminuye el inicio inicial del sitio web velocidad. Como se mencionó, la carga diferida de imágenes ha estado disponible en Chrome desde el año pasado, pero ahora los desarrolladores también pueden usar el mismo método en iframes. Para implementarlo en tu propio sitio web, todo lo que tienes que hacer es agregar
cargando="perezoso" atribuya a sus imágenes y/o elementos iframe. Navegadores como Firefox y Safari ya han implementado la función de carga diferida de imágenes nativas. En cuanto a los iframes, todavía están trabajando para corregir un par de errores. Google también mencionó que Chrome para Android en modo Lite carga automáticamente de forma diferida imágenes e iframes fuera de la pantalla.Irónicamente, durante las pruebas de cómo las incrustaciones de videos de YouTube (que están basadas en iframe) influirían en la velocidad de carga de la página web cuando se cargaban de forma diferida, el equipo de Chrome descubrió que "ahorró 10 segundos de lo pronto que nuestras páginas podrían ser interactivas en dispositivos móviles." No hace falta decir que la carga diferida tiene ventajas reales sobre el método tradicional de descargar todo el contenido de la página web tan pronto como la visita.
Precio: Gratis.
4.1.
Fuente: web.dev
A través de: Techdows