Tips and Tricks from one of the best European PhoneGap Senior Developers. You can often hear users' complaints about lagging apps. When you ask, “What do you mean by lagging?”, you receive such answers as either “It runs too slowly” or “I don't know, but it's hard to use”. Software developers and mobile users perceive apps differently. In order to eliminate lags, we would first think of optimizing the speed of the app. But in some cases it wouldn't be a correct decision. Let's find out the reason why.

1. How To Create
One App For All Platforms
Yuriy Luchaninov
Leading specialist in
cross-platform development
in MobiDev

2. 1. What platforms should be covered?
2. What is a 'bad' application?
3. What can prevent a PhoneGap application from
being a 'good' one?
4. Conclusions.
Topics for discussion

3. What platforms
should be covered?
Smartphones divided by platforms
Google Android - 52%
Apple iOS - 39%
BlackBerry OS - 5%
Windows Phone - 3%
Symbian - 1%

4. Payments via smartphones
What platforms
should be covered?
Apple iOS - 65%
Google Android - 27%
Other - 8%

5. Downloads from application stores
Apple iOS - 33%
Google Android - 58%
Other - 8%
What platforms
should be covered?

6. What is a
'bad' application?
“...on iOS devices, when you move your finger, the
on-screen objects under your finger move along with
it.”
Jason Snell
TechHive, PCWorld, Macworld

7. iOS Android
What is a
'bad' application?

8. iOS Android
What is a
'bad' application?

9. What can prevent an
application from being a
'good' one?
1. 300 ms lag
2. The problems of touching
3. DOM structure
4. The problem of long lists

10. 1. 300 ms lag

11. 2. The problems of touching

12. 2. The problems of touching

13. 3. DOM structure

14. 3. DOM structure

15. 3 elem. = 0.003 ms
1000 elem. = 0.03 ms
10000 elem. = 0.36 ms
+ JQuery = 2.46 ms
3. DOM structure

16. 3. DOM structure

17. 4. The problem of long lists
Native PhoneGap

18. Page-by-page scrolling
4. The problem of long lists

19. Some useful tips
1. Place input fields on the upper side
of the screen
2. Avoid long lists
3. Shades and gradients - out of necessity only
4. For semitransparent fill use .png
5. Use the capacities of the graphics processing
unit (GPU).

20. Developer Designer
Conclusions

21. + One code for all platforms
+ Use of external libraries
+ Adjustments via web browser
* Necessity of UI
* No multithreading
* 300 ms lag
* The problems of touching
Technical
specificity
Conclusions

22. When should
PhoneGap be used?
- Great unique UI;
- Calculations on the server side;
- The app has a lot of images, audio and
video content.

23. Themes for PhoneGap apps:
- mass media;
- online shops;
- portals, forums and blogs;
- presentations, branded and PR
applications;
- applications for tourism industry etc.

24. How-to-choose guide

25. Thank you for your attention!

26. Yuriy Luchaninov
y.luchaninov@mobidev.biz
MobiDev.biz