Córdoba - Mejores prácticas

Cordova se utiliza para crear aplicaciones móviles híbridas, por lo que debe considerar esto antes de elegirlo para su proyecto. A continuación, se muestran las mejores prácticas para el desarrollo de aplicaciones de Cordova.

Aplicaciones de una sola página

Este es el diseño recomendado para todas las aplicaciones de Cordova. SPA está utilizando un enrutador del lado del cliente y la navegación cargada en la página única (generalmenteindex.html). El enrutamiento se maneja a través de AJAX. Si ha seguido nuestros tutoriales, probablemente haya notado que casi todos los complementos de Cordova deben esperar hasta que el dispositivo esté listo antes de poder usarse. El diseño de SPA mejorará la velocidad de carga y el rendimiento general.

Toque Eventos

Dado que Cordova se usa para el mundo móvil, es natural usar touchstart y touchend eventos en lugar de clickeventos. Los eventos de clic tienen un retraso de 300 ms, por lo que los clics no se sienten nativos. Por otro lado, los eventos táctiles no son compatibles con todas las plataformas. Debe tener esto en cuenta antes de decidir qué utilizar.

Animaciones

Siempre debes usar hardware acelerado CSS Transitions en lugar de animaciones de JavaScript, ya que funcionarán mejor en dispositivos móviles.

Almacenamiento

Utilice el almacenamiento en caché tanto como sea posible. Las conexiones de red móvil suelen ser malas, por lo que debe minimizar las llamadas de red dentro de su aplicación. También debe controlar el estado fuera de línea de la aplicación, ya que habrá ocasiones en que los dispositivos del usuario estarán fuera de línea.

Desplazamiento

La mayoría de las veces, la primera parte lenta dentro de su aplicación serán las listas de desplazamiento. Hay un par de formas de mejorar el rendimiento de desplazamiento de la aplicación. Nuestra recomendación es utilizar el desplazamiento nativo. Cuando hay muchos elementos en la lista, debe cargarlos parcialmente. Utilice cargadores cuando sea necesario.

Imagenes

Las imágenes también pueden ralentizar la aplicación móvil. Debes usar sprites de imágenes CSS siempre que sea posible. Intente ajustar las imágenes a la perfección en lugar de escalarlas.

Estilos CSS

Debe evitar las sombras y los degradados, ya que ralentizan el tiempo de renderizado de la página.

Simplificación

El DOM del navegador es lento, por lo que debería intentar minimizar la manipulación del DOM y la cantidad de elementos DOM.

Pruebas

Asegúrese de probar su aplicación en tantos dispositivos y versiones de sistemas operativos como sea posible. Si la aplicación funciona sin problemas en un dispositivo, no significa necesariamente que funcionará en otro dispositivo o plataforma.