Carga Diferida (Lazy Loading)

La carga diferida es una técnica de optimización del rendimiento que pospone la carga de contenido no visible hasta que el usuario realmente lo necesita. En lugar de descargar cada imagen, página y recurso cuando se abre una publicación por primera vez, la carga diferida recupera los recursos bajo demanda — generalmente cuando el usuario se desplaza o navega hacia ellos. El navegador o la aplicación de visualización carga solo lo que es inmediatamente visible, y luego recupera progresivamente el contenido adicional en segundo plano. Esto reduce el tamaño de la carga inicial, acorta el tiempo hasta la primera interacción significativa y ahorra ancho de banda para usuarios que quizá nunca lleguen al final de un documento largo.

Cada segundo adicional de tiempo de carga aumenta la probabilidad de que un lector abandone una publicación antes de que termine de renderizarse. Para flipbooks y documentos digitales que pueden contener decenas o cientos de páginas con imágenes de alta resolución, cargar todo por adelantado crea un retraso inaceptable — especialmente en dispositivos móviles con ancho de banda limitado. La carga diferida resuelve esto priorizando el contenido que el lector ve primero y posponiendo todo lo demás. El resultado es un tiempo de carga percibido más rápido, menores tasas de rebote y mejores puntuaciones de [Core Web Vitals](/glossary/core-web-vitals) (particularmente el Largest Contentful Paint), que influyen directamente en los rankings de los motores de búsqueda para las páginas que integran tus publicaciones.

FlipLink aplica la carga diferida automáticamente tanto a flipbooks como a visualizadores de documentos — sin necesidad de configuración. Cuando un lector abre un [flipbook](/glossary/flipbook), solo se cargan la doble página actual y las páginas inmediatamente adyacentes. A medida que el lector avanza, las páginas siguientes se cargan en segundo plano antes de ser necesarias, asegurando transiciones fluidas sin retrasos de carga visibles. Esto lo gestiona el motor de [experiencia y diseño de página](/features/page-experience-and-layout), que coordina el renderizado tanto para el visor de flipbook [Three.js](/glossary/three-js) como para el lector de documentos [PDF.js](/glossary/pdf-js). La función de [pantalla de carga personalizada](/features/custom-loading-screen) muestra tu presentación de marca mientras se cargan los recursos iniciales, para que los lectores vean una experiencia pulida en lugar de una pantalla en blanco. Para flipbooks incrustados en sitios externos mediante [código embed](/features/sharing-and-distribution), el iframe en sí también se carga de forma diferida, lo que significa que no recupera ningún dato hasta que el visitante se desplaza hasta esa sección de la página anfitriona.

La carga diferida en FlipLink opera en dos niveles distintos: - **Carga diferida a nivel de página** — Dentro de un flipbook, las páginas se cargan en una cola de prioridad. La página actual y las dos páginas siguientes en cada dirección se cargan inmediatamente. Las páginas más alejadas se ponen en cola y se cargan progresivamente, con la prioridad cambiando a medida que el lector navega. Esto asegura que sin importar cuán rápido alguien hojee un catálogo de 200 páginas, la página siguiente siempre esté lista. - **Carga diferida a nivel de embed** — Cuando un flipbook está incrustado en un sitio web, FlipLink utiliza el atributo nativo del navegador `loading="lazy"` en el elemento iframe junto con un respaldo de Intersection Observer para navegadores más antiguos. El visor completo del flipbook permanece sin cargar hasta que entra en el [viewport](/glossary/viewport), evitando que los flipbooks incrustados ralenticen el tiempo de carga de la página anfitriona. - **Optimización de imágenes** — Las imágenes individuales dentro de cada página se sirven en formatos modernos (WebP donde sea compatible) y en resoluciones adaptadas al tamaño de pantalla del visor. Esto funciona en conjunto con la carga diferida para minimizar el consumo de ancho de banda incluso después de que se recupera el contenido. Estas capas se combinan para asegurar que una publicación de 300 páginas cargue su primer contenido visible en menos de dos segundos en una conexión estándar, independientemente del tamaño total del archivo.

- **Mantén ligeros los recursos de la página inicial.** La carga diferida pospone contenido, pero la primera doble página visible aún se carga inmediatamente. Optimizar la portada y las primeras páginas con imágenes comprimidas asegura la primera impresión más rápida posible. - **Prueba en conexiones limitadas.** Una publicación que se carga fluidamente en Wi-Fi rápido puede revelar deficiencias de carga diferida en una conexión móvil 3G. Usa las herramientas de desarrollo del navegador para simular redes más lentas durante las pruebas. - **Evita precargar demasiadas páginas.** Precargar 10 páginas por adelantado desperdicia ancho de banda para lectores que pueden irse después de la segunda página. El valor predeterminado de FlipLink de dos páginas adelante logra el equilibrio correcto entre capacidad de respuesta y eficiencia. - **Monitorea los Core Web Vitals.** Después de incrustar un flipbook, verifica las puntuaciones de LCP y CLS de tu página anfitriona para confirmar que el visor incrustado no está introduciendo cambios de diseño o retrasando el contenido principal. - **Combina con una pantalla de carga.** Una [pantalla de carga personalizada](/features/custom-loading-screen) de marca les da a los lectores algo que ver durante la breve carga inicial, reduciendo el tiempo de espera percibido y reforzando tu marca.

**"La carga diferida significa que el contenido se carga lentamente."** Lo opuesto es verdad. La carga diferida hace que la experiencia inicial sea más rápida al no cargar contenido que el lector aún no ha alcanzado. El contenido que se necesita se carga a velocidad normal — a menudo más rápido, porque el navegador no compite con docenas de otras solicitudes simultáneas. **"La carga diferida perjudica el SEO."** Para publicaciones vistas dentro del visor de FlipLink, el contenido se renderiza bajo demanda para los lectores, no para los rastreadores. El SEO de la página anfitriona en realidad mejora porque los iframes con carga diferida no bloquean la métrica de Largest Contentful Paint de la página. **"Necesitas configurar la carga diferida manualmente."** En FlipLink, la carga diferida se aplica automáticamente a cada publicación. No hay configuraciones que activar ni umbrales que configurar — funciona de forma inmediata tanto para flipbooks como para el formato de visualizador de documentos.

La carga diferida asegura que los lectores vean la primera página de una publicación casi instantáneamente, independientemente de si el documento completo tiene 10 o 500 páginas, cargando solo lo que se necesita en el momento y posponiendo todo lo demás.