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
Diferir lo que está más abajo libera la red para lo que se ve primero. Ojo: la imagen principal de arriba no debe llevar loading=lazy, porque eso atrasa el LCP.