LoftLoader Pro - Preloader Plugin for WordPress

Pensado para webs con portfolio o mucho peso visual, no para arreglar una web lenta

Los visitantes se impacientan cuando la pantalla queda en blanco mientras carga el contenido, y los sitios con fotografía, portfolios o catálogos de productos suelen tener justo ese problema. LoftLoader Pro cubre esa espera con una pantalla de carga animada que se ajusta a tu marca.

Conviene tener claro qué es: un preloader tapa la espera, no la reduce. Si tu web ya carga rápido, una animación delante puede hacerla parecer más lenta. Si tarda por imágenes sin optimizar o por el hosting, el plugin no lo arregla. Encaja cuando sabes que la carga inicial es pesada y quieres que la espera tenga una cara cuidada.

• Te sirve si eres fotógrafo, estudio, agencia o tienda con mucho material visual y quieres una entrada con identidad propia.
• No te sirve si lo que buscas es mejorar la velocidad real de la web.

19 animaciones en LoftLoader Pro y tu propia marca dentro

Hay 19 animaciones de loader y 6 de ellas admiten imágenes propias, por ejemplo tu logo, que puede cargar, girar, rebotar o rodar. Puedes usar cualquier color, dejar la animación en bucle infinito o hacer que termine cuando la página ha cargado, e incluso usar HTML propio como loader. Las animaciones están hechas con CSS3 puro.

Fondo y efecto de salida

El fondo puede ser sólido o transparente, con degradado, con control de opacidad para que se vea la página detrás, con un patrón repetido o con una imagen completa. Si usas imagen, puedes subir otra distinta para móviles. Al terminar la carga, tienes 13 efectos de salida: fundido, división horizontal o vertical, deslizamiento hacia cualquier lado, encogerse y desvanecerse, o división diagonal.

Barra, porcentaje o ambos, y un mensaje que cambia en cada carga

El indicador de progreso puede ser una barra, un porcentaje contado o las dos cosas a la vez. Lo colocas arriba, en medio, abajo o debajo del loader, eliges su color y ajustas el ancho y alto de la barra. Para el porcentaje puedes elegir una fuente de Google, su tamaño, grosor y espaciado, e incluso ponerlo detrás de la animación para lograr un diseño distinto.

También puedes mostrar un mensaje de bienvenida con tu tipografía y color, o un mensaje aleatorio que cambie cada vez que se carga la página. Es un buen sitio para una frase de marca, siempre que sea corta.

Tiempo mínimo y máximo, móvil y botón de cierre: que el loader no estorbe

Aquí está lo que decide si el preloader ayuda o molesta:

• Tiempo mínimo: evita que la pantalla desaparezca tan rápido que ni se vea la animación.
• Tiempo máximo: fuerza la salida del loader pasados unos segundos, aunque la página no haya terminado.
• Botón de cierre: el visitante puede salir de la pantalla de carga si no quiere esperar. Decides cuándo aparece y con qué texto.

Además, puedes mostrarlo en todos los dispositivos, ocultarlo en móvil o mostrarlo solo en móvil.

Un loader distinto por página y transición suave al navegar con LoftLoader Pro

Puedes activarlo en todo el sitio, en todas las páginas, solo en la portada o una vez por sesión. También puedes ocultarlo o mostrarlo solo en ciertos tipos de contenido, como productos o portfolios, y elegir a mano las páginas o entradas donde sí o no. Con la extensión de página libre exportas shortcodes de loader para poner uno diferente en cada página, y las entradas y tipos de contenido propios admiten su propio loader.

La transición suave hace que el fondo de la pantalla de carga aparezca al salir de una página, y puede limitarse a cuando se hace clic en un enlace interno. El plugin además detecta la carga de imágenes, de vídeos o de ambos. Ojo con los vídeos: solo reconoce los de YouTube, Vimeo y la Biblioteca de medios. Los de otras plataformas no se detectan. Los estilos pueden guardarse en línea en el head o en un archivo CSS externo.

Preguntas frecuentes antes de instalar LoftLoader Pro

¿Hace más rápida mi web?

No. Solo cambia lo que ve el visitante mientras espera. Si la carga es lenta, hay que optimizar imágenes o hosting aparte.

¿Puedo mostrarlo solo en la portada?

Sí. También puedes mostrarlo una vez por sesión o solo en las páginas que elijas.

¿Puedo usar mi logo animado?

Sí, pero solo 6 de las 19 animaciones admiten imágenes propias.

¿Detecta cualquier vídeo incrustado?

No, solo los de YouTube, Vimeo y la Biblioteca de medios.