Spring GDS 25 Aniversario
Una empresa de logística que envía a 190 países construyó algo para enviarse a sí misma.
Lazy loading
¿Qué es el lazy loading?
El lazy loading es la práctica de retrasar la carga de un recurso hasta el momento en que de verdad se necesita. En lugar de traer cada imagen, script y componente cuando la página se abre por primera vez, el navegador trae las partes que el usuario puede ver y retiene el resto. El contenido más abajo en la página carga a medida que se desplaza hacia él. La carga inicial se encoge y la página se vuelve usable antes.
Se aplica a varias cosas. Las imágenes y los iframes bajo el pliegue cargan bajo demanda, algo que el navegador ya soporta de forma nativa con un solo atributo loading="lazy". Los bundles de JavaScript se dividen para que una ruta o un componente pesado se traiga solo cuando alguien navega hacia él, lo que se llama a menudo code splitting. En un listado largo de productos o un artículo cargado de medios, el lazy loading puede recortar la descarga inicial por un margen amplio, lo que mueve Core Web Vitals como Largest Contentful Paint en la dirección correcta.
El inconveniente es que hay que hacerlo con cuidado. Cargar de forma diferida algo que es visible de inmediato retrasa lo que el usuario quiere ver, perjudicando la experiencia que intentabas mejorar. El contenido que carga tarde también puede pasársele a los rastreadores de búsqueda o provocar saltos de maquetación si no se reserva espacio para él. La habilidad está en saber qué diferir y qué cargar de entrada.
Lazy loading en Dallonses
Tratamos el lazy loading como un movimiento dentro de un presupuesto de rendimiento real, no un interruptor que pulsamos y olvidamos. En una web con mucho contenido que cargaba lenta en móvil, diferimos los medios fuera de pantalla, dividimos el JavaScript por ruta y reservamos espacio de maquetación para que nada saltara al entrar. La página quedó más ligera en la primera carga y las puntuaciones de Core Web Vitals subieron, lo que importa tanto para los usuarios como para el ranking de búsqueda.
El rendimiento y el SEO son la misma conversación para nosotros, y el lazy loading está donde ambos se cruzan. En nuestro trabajo de desarrollo web medimos qué carga de verdad, decidimos con criterio qué diferir y comprobamos que los rastreadores sigan viendo el contenido que hay que indexar. Rápido para las personas, visible para Google, sin nada importante escondido tras un scroll que el buscador nunca hace.
¿La web carga pesada en el primer pintado? Encontremos qué puede esperar y qué no.
Servicios relacionados
Trabajos relacionados
Vizitio
Convertir una marca en un negocio que funciona.
Access Ticket
Medio millón de personas. Una app. Cero caos.
¿Listo para trabajar juntos?
Reservar una reunión
