Google está implementando una mejora importante en el rendimiento de su navegador al expandir las capacidades nativas de carga diferida (lazy loading) para incluir elementos de video y audio. Al añadir el atributo loading="lazy" directamente en las etiquetas HTML <video> y <audio>, ahora los desarrolladores pueden posponer la descarga de recursos multimedia pesados hasta que el contenido esté cerca del área visible del usuario. Esta nueva función se alinea con el comportamiento existente de carga diferida para los elementos <img> y <iframe>, mejorando drásticamente los tiempos de carga inicial de la página y reduciendo el consumo innecesario de datos.

El problema con la carga tradicional de medios

Históricamente, incrustar múltiples videos o archivos de audio en una única página web causaba cuellos de botella significativos en el rendimiento. Los navegadores cargaban los recursos pesados de inmediato, ralentizando la renderización de la página y obligando a los desarrolladores a depender de soluciones alternativas con JavaScript. Normalmente, utilizaban la API Intersection Observer para calcular cuándo un elemento multimedia estaba a punto de entrar en pantalla, estableciendo dinámicamente el atributo de origen solo en ese momento. Este enfoque manual generaba varios problemas:

• Añadía complejidad innecesaria al código y era propenso a errores.
• Las rutinas personalizadas de JavaScript no podían integrarse limpiamente con el escáner de precarga nativo del navegador.
• La sobrecarga de scripting pesado ocasionalmente introducía vulnerabilidades de rendimiento que podían afectar la estabilidad de la página.

La nueva actualización de Chrome reemplaza estos scripts complejos con una API declarativa simple. Al usar el atributo loading="lazy", el motor nativo del navegador se encarga del proceso de optimización. Esta implementación nativa permite a Chrome aplicar umbrales conscientes de la red para determinar el momento óptimo de carga de los archivos multimedia. Maneja de forma segura interacciones complejas con los atributos existentes autoplay y preload. Lo más importante es que los archivos multimedia fuera de pantalla ya no bloquearán el evento window.onload. Esto garantiza que el contenido principal de la página se vuelva totalmente interactivo mucho más rápido, ofreciendo una experiencia de usuario más fluida y una arquitectura de código más limpia.

Cronograma de lanzamiento y disponibilidad en plataformas

La función, rastreada internamente bajo el ID de característica web loading-lazy-media dentro del componente Blink>Media, avanza rápidamente en el pipeline de desarrollo de Google. La comunidad de desarrollo web ha mostrado un fuerte consenso positivo para estandarizar este enfoque. El calendario de implementación está oficialmente definido para las próximas versiones de Chrome:

• Chrome 147: Comenzarán las pruebas para desarrolladores en entornos de escritorio y Android.
• Chrome 148: La función se lanzará oficialmente y estará habilitada por defecto en todas las plataformas principales, incluyendo escritorio, Android, iOS y Webview.

Al eliminar la necesidad de scripts de carga pesados y personalizados con JavaScript, Google está simplificando el desarrollo web y haciendo que los sitios sean más ligeros, rápidos y resistentes.

Fuentes:
https://cybersecuritynews.com/google-chrome-lazy-loading/