Carga diferida

La carga diferida (lazy loading) consiste en posponer la carga de un recurso —una imagen, un vídeo, un script o un widget— hasta que realmente se necesita, en lugar de cargarlo todo cuando la página se abre por primera vez. Acelera la carga inicial de la página al dedicar ancho de banda y tiempo de procesamiento solo a lo que el visitante realmente ve o utiliza.

Se aplica con mayor frecuencia a imágenes y contenidos incrustados debajo del pliegue, utilizando el atributo nativo loading=\"lazy\" en los elementos <img> y <iframe>. Por lo general, no se debe aplicar carga diferida al contenido por encima del pliegue, ya que retrasarlo puede empeorar la LCP en lugar de mejorarla.

Más información

• Carga diferida - Guía de rendimiento de MDN
• Por encima del pliegue
• LCP