Usa shortcodes con gran cantidad de datos de forma eficiente
Las consultas, los mapas, las galerías, los reproductores de vídeo y las colecciones interactivas cuestan más que el contenido editorial simple. Configura el resultado útil más pequeño y prueba la página completa.
Elementos basados en consultas
Para Listings (Feed), calendarios, favoritos y colecciones de taxonomías:
- elige la consulta o fuente guardada más restringida;
- usa un límite de resultados deliberado;
- excluye el elemento actual cuando corresponda;
- pagina los conjuntos de resultados largos;
- evita repetir la misma consulta en varios componentes;
- usa una plantilla de feed reutilizable para las tarjetas repetidas.
Cuando la búsqueda facetada esté habilitada, mantén cada control y cada área de resultados en el mismo contexto y expón solo los campos que los visitantes realmente necesitan.
Elementos con gran cantidad de medios
- Selecciona un tamaño de imagen de WordPress apropiado.
- Evita las imágenes a tamaño completo para tarjetas o miniaturas pequeñas.
- Limita el número de elementos de galerías, carruseles y controles deslizantes.
- Usa imágenes de póster y la carga de vídeo diferida por interacción cuando estén disponibles.
- No coloques varios componentes multimedia con reproducción automática en una misma página.
- Mantén los conjuntos de fotogramas de imágenes 360 y de secuencias de desplazamiento proporcionales a su tamaño visible y a su propósito.
Mapas e incrustaciones de terceros
Usa un solo mapa con varios marcadores en lugar de varios mapas cuando la tarea del visitante lo permita. Los iframes externos, la publicidad, los feeds sociales y los servicios de mapas añaden solicitudes de terceros; inclúyelos solo cuando aporten un valor directo.
Componentes anidados
Las filas y los componentes interactivos profundamente anidados aumentan el marcado y dificultan el mantenimiento del comportamiento adaptable. Elimina los elementos de diseño vacíos y evita anidar un componente basado en consultas dentro de cada tarjeta de resultado.
Mide la página pública
- Prueba sin iniciar sesión.
- Comprueba la carga inicial antes de la interacción.
- Activa los controles deslizantes, los mapas, los vídeos, los filtros y los controles de cargar más.
- Comprueba las áreas de visualización estrechas.
- Confirma que la página sigue siendo utilizable en una conexión más lenta.
- Elimina los componentes u opciones que no mejoren la tarea del visitante.