El lazy loading es un patrón de optimización que retrasa la carga de recursos —como imágenes, módulos JavaScript o datos— hasta que realmente se necesitan, por ejemplo, cuando el usuario hace scroll o interactúa con cierta parte de la página. Esto reduce el time to first paint, mejora el rendimiento en dispositivos móviles y minimiza el uso innecesario de ancho de banda. Hoy se puede implementar de forma nativa: con loading="lazy" en etiquetas <img> o <iframe>, y con import() dinámico en JavaScript para dividir el código. Bien aplicado, mejora los Core Web Vitals y puede tener un impacto positivo directo en el SEO.