Cordova - najlepsze praktyki

Cordova służy do tworzenia hybrydowych aplikacji mobilnych, więc musisz wziąć to pod uwagę, zanim wybierzesz ją do swojego projektu. Poniżej znajdują się sprawdzone metody tworzenia aplikacji Cordova.

Aplikacje jednostronicowe

To jest zalecany projekt dla wszystkich aplikacji Cordova. SPA używa routera po stronie klienta i nawigacji załadowanej na pojedynczej stronie (zwykleindex.html). Routing jest obsługiwany przez AJAX. Jeśli śledziłeś nasze samouczki, prawdopodobnie zauważyłeś, że prawie każda wtyczka Cordova musi czekać, aż urządzenie będzie gotowe, zanim będzie można z niego korzystać. Projekt SPA poprawi szybkość ładowania i ogólną wydajność.

Kliknij Wydarzenia

Ponieważ Cordova jest używany w świecie mobilnym, używanie go jest naturalne touchstart i touchend wydarzenia zamiast clickwydarzenia. Zdarzenia kliknięcia mają opóźnienie 300 ms, więc kliknięcia nie wydają się natywne. Z drugiej strony zdarzenia dotykowe nie są obsługiwane na każdej platformie. Powinieneś wziąć to pod uwagę, zanim zdecydujesz, czego użyć.

Animacje

Należy zawsze używać akceleracji sprzętowej CSS Transitions zamiast animacji JavaScript, ponieważ będą działać lepiej na urządzeniach mobilnych.

Przechowywanie

W miarę możliwości korzystaj z pamięci podręcznej. Połączenia w sieci komórkowej są zwykle słabe, dlatego należy zminimalizować połączenia sieciowe w aplikacji. Powinieneś także zająć się stanem aplikacji w trybie offline, ponieważ zdarzają się sytuacje, gdy urządzenia użytkownika są w trybie offline.

Przewijanie

W większości przypadków pierwszą wolną częścią aplikacji będą przewijane listy. Istnieje kilka sposobów na poprawę wydajności przewijania aplikacji. Zalecamy korzystanie z natywnego przewijania. Jeśli na liście jest dużo pozycji, należy je częściowo załadować. W razie potrzeby używaj ładowarek.

Zdjęcia

Obrazy mogą również spowalniać aplikację mobilną. Gdy tylko jest to możliwe, powinieneś używać sprite'ów CSS. Spróbuj idealnie dopasować obrazy, zamiast je skalować.

Style CSS

Należy unikać cieni i gradientów, ponieważ spowalniają one czas renderowania strony.

Uproszczenie

DOM przeglądarki jest powolny, więc powinieneś spróbować zminimalizować manipulację DOM i liczbę elementów DOM.

Testowanie

Upewnij się, że testujesz swoją aplikację na jak największej liczbie urządzeń i wersji systemu operacyjnego. Jeśli aplikacja działa bezbłędnie na jednym urządzeniu, nie oznacza to, że będzie działać na innym urządzeniu lub platformie.