En varias ocasiones nos ha tocado entrar a una página y al navegar los elementos tardan algo en cargar. El problema aumenta cuando no recibimos una respuesta mientras tales elementos están en espera, esto por supuesto genera una mala experiencia de usuario.
¿Qué es Pace.js?
Pace.js es un estupendo plugin de jQuery para mostrar fácilmente un indicador de progreso hermoso mientras que nuestro sitio web está cargando. También controlará automáticamente todos los elementos de nuestra web y la navegación ajax.
No te preocupes si no tienes conocimientos avanzados ya que no hay necesidad de meternos al código, el progreso se detecta automáticamente.
¿Cómo usarlo?
Para poder usarlo solo se incluye el archivo Pace.js y un tema CSS de nuestra elección que podremos encontrar dentro de la carpeta themes, puedes también elegir el color del tema en su sitio web antes de realizar la descarga y como siempre, contribuir al repositorio en GitHub.
<head>
<script src="/pace/pace.js"></script>
<link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
</head>
Y bien, sólo con este sencillo paso obtendremos de manera fácil y rápido cargadores para nuestras páginas web.
Descargas y Demo
El plugin se encuentra en el siguiente link:
El autor del enlace se murio.