Top 10 Performance Techniques for PhoneGap Applications

By Christophe Coenraets on May 13, 2013 in PhoneGap

Here is the video of my PhoneGap performance session at Adobe MAX 2013:

Building Pluggable and Mock Data Adapters for Web and PhoneGap Applications

Architecting a PhoneGap Application: Video + Slides

19 Responses to Top 10 Performance Techniques for PhoneGap Applications

Tom Fan May 14, 2013 at 3:01 am #

Very helpful presentation!

Reply
Thiago Vieira May 17, 2013 at 12:02 pm #

Great Tips! Thx!

Reply
abhishek May 17, 2013 at 1:34 pm #

very important session and lessions…
I was already doing 10-4-2 things…
but 3 and 1 were eye openers….esp JQM because tried Jqm in one project too…

But I have a question “Do you really need that framework”..=>
What about angularjs don’t we really need that…?

Reply
Federico González Brizzio May 19, 2013 at 12:48 am #

Excellent! great tips, very usefully. Thank you! From Ushuaia, Argentina

Reply
Federico May 23, 2013 at 5:27 pm #

Hey,

I just your presentation and your PhoneGap Tutorial.
In your presentation you present the following rule:

-Don’t wait for data to display the UI

In your PhoneGap Tutorial you are doing the opposite…

this.store.findById(Number(match[1]), function(employee) {
self.slidePage(new EmployeeView(employee).render());
});

Can I assume that if it’s on a local storage I can bend this rule?

Reply
DFull May 24, 2013 at 2:38 pm #

Thanks for sharing this tips! Great presentation :)

I have a question about css sprite sheet. What is better (in term of performance) between using image css sprite sheet and image font?

Reply
ryan sandagon May 28, 2013 at 7:44 am #

Thank you very much with these tips, it’s really helpful even for developer like me migrating from flex to hmlt5javascript/css.

Reply
Yair Tal May 28, 2013 at 2:01 pm #

Got this from my partner and even though we are developing a web app at the moment, this really helped!

Thanks.
@yair_tal

Reply
Sebastian July 8, 2013 at 4:39 pm #

Any chance for getting slides of this presentation?

Reply
Ionut Cirja August 4, 2013 at 8:07 am #

Hello Cristophe,

In one of my project I need to modify the height of a view and move some other views down with an animation. Will be this transitions of height hardware accelerated if I will put transalde3d on that element? I’m asking this because it seem it will not be, my animation is slow.

Thank you,
Ionut

Reply
Akimaydeaw August 16, 2013 at 11:32 pm #

Thank you for your tip, It’s very useful

Reply
Mobilepundits August 19, 2013 at 3:38 am #

hello,
i must say it is really nice tips some of them i already know but some are new for me.
thanks for sharing such a wonderful info it is really helpful.

Reply
frye boots sale September 8, 2013 at 11:18 pm #

I like checking your web sites. Thanks!

Reply
Robin Jakobson October 21, 2013 at 5:49 am #

Thank you very much for this presentation. Really helpful advices. Now I’m better prepared when looking at framework features!

/R

Reply
someone November 25, 2013 at 4:58 am #

I have done every single bad thing presented here, in my app. No exception. Including the “do you need the framework” part :) great presentation!

Reply
Iker Etxebarria February 6, 2014 at 7:22 am #

Great, thank you very much.

Reply