Carga progresiva de archivos
La carga progresiva de archivos muestra primero la estructura del archivo y carga lotes de resultados a medida que el visitante llega a ellos. Es útil para archivos extensos y listados divididos por taxonomías en los que renderizar todas las tarjetas de golpe retrasaría la página inicial.
Cuándo usarla
Considera la carga progresiva cuando:
- un archivo contenga muchos resultados;
- las tarjetas incluyan imágenes o medios de gran tamaño;
- el archivo esté dividido en varias secciones de taxonomía;
- los visitantes normalmente exploren en lugar de saltar a un número de página concreto.
Usa la paginación ordinaria cuando los visitantes necesiten una posición numerada estable, cuando un archivo corto ya cargue con rapidez, o cuando la experiencia de navegación deba funcionar sin comportamiento progresivo.
Cómo funciona con la búsqueda facetada
La carga progresiva y la búsqueda facetada pueden compartir la misma área de resultados:
- un archivo sin filtrar puede cargar el siguiente lote cuando el visitante llega a él;
- cuando los filtros, el orden, los resultados por página o la paginación facetada se activan, la búsqueda facetada controla el conjunto de resultados actualizado.
Construye una única interacción clara. No sitúes una segunda área de resultados progresiva o facetada sin relación en la misma página.
Indicación de carga
POM muestra un indicador de carga mientras se solicita otro lote. Deja suficiente espacio alrededor del área de resultados para que el indicador sea visible y no parezca una página vacía.
Si se configura una imagen de carga personalizada para el contexto de búsqueda facetada, comprueba su contraste en cada fondo donde pueda aparecer.
Imágenes, fondos y diseños
Las tarjetas recién cargadas inicializan sus imágenes compatibles, efectos de fondo, fondos de vídeo, masonry y demás comportamientos seleccionados de la plantilla de feed después de insertarse.
Para mantener estable el desplazamiento:
- usa proporciones de imagen coherentes;
- evita alturas de tarjeta muy diferentes cuando sea posible;
- proporciona las dimensiones de las imágenes;
- prueba el primer lote y los posteriores;
- prueba las secciones de taxonomía con pocos y con muchos elementos.
Navegación por categorías
Cuando un menú de categorías enlaza a secciones de un archivo con carga progresiva, POM mantiene alineada la sección elegida mientras el contenido, las imágenes y los diseños anteriores terminan de cargar.
Prueba la navegación por categorías desde:
- la parte superior de la página;
- la mitad de un archivo ya cargado;
- una URL directa con un ancla de sección;
- anchos de móvil con una cabecera fija.
Caché
Las solicitudes de resultados progresivos pueden almacenarse en caché por el sitio o la capa de distribución. Ver una solicitud de resultados en las herramientas de desarrollo del navegador no significa por sí solo que WordPress la haya reconstruido.
Después de cambiar una plantilla de feed o la configuración del archivo, limpia la caché de la página y de resultados progresivos correspondientes mediante los controles de caché habituales del sitio.
Lista de comprobación para la puesta en marcha
- [ ] La primera sección de resultados aparece sin una demora excesiva.
- [ ] El indicador de carga es visible y comprensible.
- [ ] Los lotes posteriores usan el mismo diseño de tarjeta que el primero.
- [ ] Las imágenes y los controles interactivos de las tarjetas funcionan en los lotes posteriores.
- [ ] Las secciones de taxonomía no cargan contenido no relacionado.
- [ ] Las facetas, el orden, el restablecimiento y la paginación siguen funcionando.
- [ ] La navegación por categorías aterriza debajo de la cabecera fija.
- [ ] El archivo funciona en ancho de móvil y sin iniciar sesión.
- [ ] Aparece un estado vacío útil cuando no existen resultados.