Cerrar
Image Alt

Lazy load nativo en la web

Ya está aquí el lazy load nativo para imágenes e iframes en la web.

Esto sin duda es una gran noticia, sobre todo teniendo en cuenta lo simple que es su uso, simplemente añadiendo el atributo loading="lazy":

De esta forma la imagen o el iframe no cargarán hasta que no hagamos scroll cerca de los mismos. De esta manera reducimos uso de datos y de memoria, así como velocidad de carga.

En cambio, para señalar que queremos que se carge de manera tan inmediata como sea posible (por ejemplo para aquellas imágenes que están dentro del primer campo de visión) añadiríamos el atributo loading="eager":

De momento está disponible en Chrome desde la versión 75. Esperemos que se adopte rápidamente por el resto de navegadores.

¿Y cómo podemos añadir lazy loading a WordPress? Como WordPress nos permite filtrar el contenido, sería bastante simple:

Escribe un comentario