Cordova используется для создания гибридных мобильных приложений, поэтому вы должны рассмотреть это, прежде чем выбрать его для своего проекта. Ниже приведены лучшие практики для разработки приложений Cordova.
Одностраничные приложения
Это рекомендуемый дизайн для всех приложений Cordova. SPA использует клиентский маршрутизатор и навигацию, загруженную на одной странице (обычно index.html ). Маршрутизация обрабатывается через AJAX. Если вы следовали нашим учебникам, вы, вероятно, заметили, что почти каждый плагин Cordova должен ждать, пока устройство не будет готово, прежде чем его можно будет использовать. Дизайн SPA улучшит скорость загрузки и общую производительность.
Сенсорные события
Поскольку Cordova используется для мобильного мира, естественно, вместо событий щелчка использовать события прикосновения и касания . События кликов имеют задержку 300 мс, поэтому клики не кажутся родными. С другой стороны, сенсорные события не поддерживаются на каждой платформе. Вы должны принять это во внимание, прежде чем решить, что использовать.
Анимации
Вы всегда должны использовать CSS-переходы с аппаратным ускорением вместо JavaScript-анимации, так как они будут работать лучше на мобильных устройствах.
Место хранения
Максимально используйте кэширование хранилища. Мобильные сетевые соединения обычно плохие, поэтому вам следует минимизировать сетевые вызовы внутри приложения. Вы также должны обрабатывать статус приложения в автономном режиме, так как будут времена, когда устройства пользователя отключены.
Скроллинг
Большую часть времени первая медленная часть внутри вашего приложения будет прокручивать списки. Есть несколько способов улучшить производительность прокрутки приложения. Наша рекомендация — использовать встроенную прокрутку. Когда в списке много элементов, вы должны загрузить их частично. Используйте загрузчики при необходимости.
Изображений
Изображения также могут замедлить мобильное приложение. Вы должны использовать спрайты изображений CSS, когда это возможно. Попробуйте идеально подогнать изображения, а не масштабировать их.
Стили CSS
Вам следует избегать теней и градиентов, так как они замедляют время рендеринга страницы.
упрощение
DOM браузера медленный, поэтому вы должны попытаться свести к минимуму манипулирование DOM и количество элементов DOM.
тестирование
Убедитесь, что вы тестируете свое приложение на максимально возможном количестве устройств и версий операционной системы. Если приложение работает безупречно на одном устройстве, это не обязательно означает, что оно будет работать на каком-то другом устройстве или платформе.