Cordova - Melhores Práticas

O Cordova é usado para criar aplicativos móveis híbridos, então você precisa considerar isso antes de escolhê-lo para seu projeto. Abaixo estão as melhores práticas para o desenvolvimento de aplicativos Cordova.

Apps de página única

Este é o design recomendado para todos os aplicativos Cordova. O SPA está usando um roteador do lado do cliente e a navegação carregada em uma única página (geralmenteindex.html) O roteamento é feito via AJAX. Se você seguiu nossos tutoriais, provavelmente notou que quase todos os plug-ins Cordova precisam esperar até que o dispositivo esteja pronto para poder ser usado. O design do SPA melhorará a velocidade de carregamento e o desempenho geral.

Eventos de toque

Uma vez que Cordova é usado para o mundo móvel, é natural usar touchstart e touchend eventos em vez de clickeventos. Os eventos de clique têm 300 ms de atraso, então os cliques não parecem nativos. Por outro lado, eventos de toque não são suportados em todas as plataformas. Você deve levar isso em consideração antes de decidir o que usar.

Animações

Você deve sempre usar aceleração de hardware CSS Transitions em vez de animações JavaScript, uma vez que terão melhor desempenho em dispositivos móveis.

Armazenamento

Use o armazenamento em cache o máximo possível. As conexões de rede móvel geralmente são ruins, portanto, você deve minimizar as chamadas de rede dentro do seu aplicativo. Você também deve lidar com o status offline do aplicativo, já que haverá momentos em que os dispositivos do usuário estarão offline.

Rolando

Na maioria das vezes, a primeira parte lenta dentro do seu aplicativo serão as listas de rolagem. Existem algumas maneiras de melhorar o desempenho de rolagem do aplicativo. Nossa recomendação é usar rolagem nativa. Quando houver muitos itens na lista, você deve carregá-los parcialmente. Use carregadores quando necessário.

Imagens

As imagens também podem tornar o aplicativo móvel mais lento. Você deve usar sprites de imagem CSS sempre que possível. Tente ajustar as imagens perfeitamente em vez de dimensioná-las.

Estilos CSS

Você deve evitar sombras e gradientes, pois eles reduzem o tempo de renderização da página.

Simplificação

O DOM do navegador é lento, então você deve tentar minimizar a manipulação do DOM e o número de elementos do DOM.

Testando

Certifique-se de testar seu aplicativo em tantos dispositivos e versões de sistema operacional quanto possível. Se o aplicativo funcionar perfeitamente em um dispositivo, isso não significa necessariamente que funcionará em outro dispositivo ou plataforma.