performance tips
18 views
Skip to first unread message
rborn
May 13, 2009, 8:02:11 AM5/13/09
to phonegap
I think we should add a performance tips thread.
I'll start:
1. Do not use huge images in you applications.
I had to debug an app that was slow, and I discovered it if the images
were bigger than 500k, the app was slowing down.
2. Do not use animated gifs.
I am not sure why, but on heavy js applications, the animated was
simply slowing down the app so much it get unusable. After i got rid
of the animated gif, the speed improved a lot.
I'll add here the tip from Reverend
3. For transition that includes opacity set in css -webkit-backface-
visibility: hidden; to avoid flickering.
I'll start:
1. Do not use huge images in you applications.
I had to debug an app that was slow, and I discovered it if the images
were bigger than 500k, the app was slowing down.
2. Do not use animated gifs.
I am not sure why, but on heavy js applications, the animated was
simply slowing down the app so much it get unusable. After i got rid
of the animated gif, the speed improved a lot.
I'll add here the tip from Reverend
3. For transition that includes opacity set in css -webkit-backface-
visibility: hidden; to avoid flickering.
Paul Prescod
May 13, 2009, 2:35:38 PM5/13/09
to phon...@googlegroups.com
How about a wiki page?
Brock Whitten
May 13, 2009, 3:36:04 PM5/13/09
to phon...@googlegroups.com
This would make a great Wiki page. The discussion is also good.
Tip 1: Do not use setTimeout() for animations. (yes, this means animation of your favorite library is out). Use css transitions instead. see http://www.ferretarmy.com/css-animation-examples/ for examples
Tip 2: Use "Online" mode for development only. When you ship to the app store you should have your html javascript and css fils all in the www directory. for dynamic apps, just grab a json payload instead of keeping your entire app on a server.
Tip 3: Test you animations early on the device. Don't wait until later for unpleasant surprises.
rborn
May 13, 2009, 3:37:15 PM5/13/09
to phonegap
Done it
http://phonegap.pbworks.com/Performance-tips-for-device
On May 13, 9:36 pm, Brock Whitten <brock.whit...@nitobi.com> wrote:
> This would make a great Wiki page. The discussion is also good.
> Tip 1: Do not use setTimeout() for animations. (yes, this means animation of
> your favorite library is out). Use css transitions instead. seehttp://www.ferretarmy.com/css-animation-examples/for examples
http://phonegap.pbworks.com/Performance-tips-for-device
On May 13, 9:36 pm, Brock Whitten <brock.whit...@nitobi.com> wrote:
> This would make a great Wiki page. The discussion is also good.
> Tip 1: Do not use setTimeout() for animations. (yes, this means animation of
>
> Tip 2: Use "Online" mode for development only. When you ship to the app
> store you should have your html javascript and css fils all in the www
> directory. for dynamic apps, just grab a json payload instead of keeping
> your entire app on a server.
>
> Tip 3: Test you animations early on the device. Don't wait until later for
> unpleasant surprises.
>
> Tip 2: Use "Online" mode for development only. When you ship to the app
> store you should have your html javascript and css fils all in the www
> directory. for dynamic apps, just grab a json payload instead of keeping
> your entire app on a server.
>
> Tip 3: Test you animations early on the device. Don't wait until later for
> unpleasant surprises.
>
> On Wed, May 13, 2009 at 11:35 AM, Paul Prescod <pres...@gmail.com> wrote:
> > How about a wiki page?
>
> > How about a wiki page?
>
Reply all
Reply to author
Forward
0 new messages