Existe un problema que es casi imperceptible y que aparece en prácticamente todas las versiones móviles de los distintos sitios web y aplicaciones. El problema comprende la demora entre la acción física de tocar un enlace o botón y el lanzamiento del evento en si mismo.
Esta demora es de aproximadamente unos 300ms, tiempo que no es muy fácil de detectar y más si consideramos que las personas nos acostumbramos a los tiempos de demora de nuestros dispositivos móviles.
Si deseamos optimizar nuestras aplicaciones eliminando este pequeño retraso podemos utilizar Fastclick.js, una pequeña biblioteca que optimiza el tiempo de respuesta reduciendo este delay de 300ms a prácticamente 0.
Navegadores móviles afectados:
- Mobile Safari en iOS 3 +.
- Chrome en iOS 5 +.
- Chrome en Android (ICS)
- Opera Mobile 11.5 +.
- Navegador Android desde Android 2
- PlayBook OS 1 +.
Cómo utilizar fastclick
Agregamos la biblioteca de FastClick a nuestro proyecto:
<script type='application/javascript' src='fastclick.js'></script>
Iniciamos el script:
window.addEventListener('load', function() {
new FastClick(document.body);
}, false);
Un dato importante es que fastclick.js no afecta las versiones de escritorio de ningún navegador, el proyecto se encuentra testeado en:Safari,Chrome, Internet Explorer, Firefox y Opera.
Web: Fastclick.js
