Cordova - Migliori pratiche

Cordova viene utilizzato per creare app mobili ibride, quindi è necessario considerarlo prima di sceglierlo per il progetto. Di seguito sono riportate le migliori pratiche per lo sviluppo di app Cordova.

App a pagina singola

Questo è il design consigliato per tutte le app Cordova. SPA utilizza il router lato client e la navigazione caricata sulla singola pagina (di solitoindex.html). L'instradamento viene gestito tramite AJAX. Se hai seguito i nostri tutorial, probabilmente hai notato che quasi tutti i plug-in Cordova devono attendere che il dispositivo sia pronto prima di poter essere utilizzato. Il design della SPA migliorerà la velocità di caricamento e le prestazioni complessive.

Tocca Eventi

Poiché Cordova è utilizzato per il mondo mobile, è naturale da usare touchstart e touchend eventi invece di clickeventi. Gli eventi di clic hanno un ritardo di 300 ms, quindi i clic non sembrano nativi. D'altra parte, gli eventi touch non sono supportati su tutte le piattaforme. Dovresti tenerne conto prima di decidere cosa usare.

Animazioni

Dovresti sempre utilizzare l'accelerazione hardware CSS Transitions invece delle animazioni JavaScript poiché avranno prestazioni migliori sui dispositivi mobili.

Conservazione

Utilizza il più possibile la memorizzazione nella cache. Le connessioni di rete mobile di solito sono cattive, quindi dovresti ridurre al minimo le chiamate di rete all'interno della tua app. Dovresti anche gestire lo stato offline dell'app, poiché ci saranno momenti in cui i dispositivi dell'utente saranno offline.

Scorrimento

La maggior parte delle volte la prima parte lenta all'interno della tua app sarà lo scorrimento degli elenchi. Esistono due modi per migliorare le prestazioni di scorrimento dell'app. Il nostro consiglio è di utilizzare lo scorrimento nativo. Quando sono presenti molti elementi nell'elenco, è necessario caricarli parzialmente. Utilizzare i caricatori quando necessario.

immagini

Le immagini possono anche rallentare l'app mobile. Dovresti usare sprite di immagini CSS ogni volta che è possibile. Cerca di adattare perfettamente le immagini invece di ridimensionarle.

Stili CSS

Dovresti evitare ombre e sfumature, poiché rallentano il tempo di rendering della pagina.

Semplificazione

Il DOM del browser è lento, quindi dovresti provare a ridurre al minimo la manipolazione del DOM e il numero di elementi DOM.

Test

Assicurati di testare la tua app su quanti più dispositivi e versioni del sistema operativo possibile. Se l'app funziona perfettamente su un dispositivo, non significa necessariamente che funzionerà su un altro dispositivo o piattaforma.