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é?
lucas D.
Nivel 2 ·
Ana R.
Nivel 3 ·
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.
Paula G.
Nivel 3 ·
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".
Sandra G.
Nivel 3 ·
Y siempre poné width y height (o aspect-ratio en CSS). Si no, cuando carga la imagen el contenido salta y empeora el CLS.
Dulce R.
Nivel 1 ·
También existe loading="lazy" para iframes. Ideal para videos embebidos y mapas, que pesan muchísimo.
lucas D.
Nivel 2 ·
Justamente tenía lazy en el banner principal. Lo saqué y le puse fetchpriority. Gracias.