How to speed up a mobile application written in HTML5/AngularJS?

Y

Yaroslav2015-10-06 23:34:27

Android

Yaroslav, 2015-10-06 23:34:27

I am writing a mobile application, I want high cross-platform. Studied AngularJS, it turned out to be very convenient. Most of the application has already been written. But there is a problem - it slows down!
Even under my flagship meizu MX4, the app slows down. It takes approximately 0.5-1 second before any button responds. What can we say about old devices, where my application does not start at all .
I am using the application from the browser. If I pack it into an APK, will it run faster? Are there any optimization tips? The topic must be very popular.
The app is built entirely in AngularJS using mobileangularui for the interface. Twitter Bootstrap is also connected, icons from it are actively used.

Reply

Answer the question

In order to leave comments, you need to log in

5 answer(s)

A

aol-nnov, 2015-10-06
@aol-nnov

Как ускорить мобильное приложение, написанное на HTML5

Переписать его на native!
//Ваш Капитан Очевидность первого ранга.
да, под каждую платформу придется писать. Но оно будет нативное, использующее ресурсы платформы напрямую.

�

Сергей Протько, 2015-10-06
@Fesor

If I pack it into an APK, will it run faster?

no. For android, you can try to take crosswalk, then there will be some gain + you will eliminate differences in the behavior of your application on different platforms.
they would take ionic, there at least somehow the UI for mobile phones is optimized in terms of performance.
and here it strongly depends on what you have spawned inside the angular.
In general, if you need performance, it's better to take react-native and not worry. Fortunately, angular2 will be released soon, which, according to the developers, will have integration with react-native.

�

⚡ Kotobotov ⚡, 2015-10-07
@angrySCV

очень много есть возможностей в повышении производительности. упаковка в АПК ничего не даст.
можно оптимизировать, повысив производительность в разы, например используя одностороннее связывание.
(там где не требуется обратной связи с данными -> используйте перед началом имени связываемой переменной "двойное двоеточие" :: )

G

GoodProject, 2015-10-07
@GoodProject

А что на хтмл и ангуляре прилажухи писать можно? И долго его учить интересно? Ангулар

�

Егор Казанцев, 2015-10-07
@saintbyte

Отказываться от ангулар , меньше всяких библиотек