Performance
Lazy Loading
Técnica que difiere la carga de recursos (imágenes, videos, scripts) hasta que el usuario los necesita realmente.
Definición técnica
Lazy loading retrasa la descarga de recursos no críticos hasta que están próximos al viewport del usuario. Nativo en HTML con atributo loading=lazy en imágenes e iframes. Para JavaScript se usa import() dinámico. Permite que el initial bundle sea minimal y todo lo demás se cargue progresivamente.
Por qué importa
Sitios con muchas imágenes o videos sin lazy loading cargan toda la página antes de mostrar nada. Implementar lazy loading correcto baja el LCP significativamente sin sacrificar contenido.