Saltar al contenido

loading lazy en imágenes: ¿lo ponen en todas?

lucas D.

Nivel 2 ·

Agregué loading="lazy" a todas las imágenes de mi sitio y la carga mejoró. Pero un amigo me dijo que en algunas no conviene. ¿Por qué?
257 vistas 5 respuestas 0 0

Respuestas 5

  1. Ana R.

    Nivel 3 ·

    0 0

    En las imágenes que se ven apenas carga la página (sobre todo la imagen principal de arriba) no conviene: las retrasa, y suele ser justamente la que mide el LCP.

  2. Paula G.

    Nivel 3 ·

    0 0

    Regla práctica: lazy para las que están más abajo, normales para las de arriba. Y a la imagen principal hasta le podés poner fetchpriority="high".

  3. Sandra G.

    Nivel 3 ·

    0 0

    Y siempre poné width y height (o aspect-ratio en CSS). Si no, cuando carga la imagen el contenido salta y empeora el CLS.

  4. Dulce R.

    Nivel 1 ·

    0 0

    También existe loading="lazy" para iframes. Ideal para videos embebidos y mapas, que pesan muchísimo.

  5. lucas D.

    Nivel 2 ·

    1 0

    Justamente tenía lazy en el banner principal. Lo saqué y le puse fetchpriority. Gracias.