PhoneGap/Cordova: animaciones jQuery funcionamiento lento

Question

he construido un una aplicación en PhoneGap/Cordova y se utiliza la biblioteca jQuery para algunas animaciones sencillas como slideUp etc.

Ellos trabajan muy bien en el simulador, pero cuando intento en una dispositivo real las animaciones se ejecutan realmente gruesas y lentas.

¿Hay alguna manera de acelerar esto? ¿O debería usar un trabajo de marco de transición diferente?

Si esto último es cierto, ¿alguien puede sugerir una buena versión para probar?

Gracias

Answer 1

Las animaciones de jQuery se realizan mediante un setInterval en las propiedades de css que se están animando y no está acelerado por hardware en los dispositivos móviles.

CSS Transitions son hardware acelerado en la mayoría de los dispositivos modernos y, por lo tanto, son una mejor opción. Hay bibliotecas drop-in que pueden asegurar que tus animaciones jQuery se realicen utilizando transiciones CSS en lugar de costosas animaciones setInterval.

http://playground.benbarnett.net/jquery-animate-enhanced/

http://ricostacruz.com/jquery.transit/

dar a estos un intento.

Si no está utilizando ninguna de las funcionalidades que faltan en Zepto.js, considere usarla en cambio, ya que es mucho más pequeña y ligera que jQuery y está hecha específicamente para dispositivos móviles.

Answer 2

se puede acelerar el proceso mediante la reducción del contenido de su página, pero esto probablemente no es lo que está pidiendo. Una buena solución podría ser usar css transitions. De esta forma, los navegadores antiguos no muestran una animación mientras debería funcionar sin problemas en los dispositivos nuevos. Degrada con gracia.