Loading page, white page, splash screen

Thu Aug 22, 2013 4:36 am

Until now I didn't found an answer, which could really help me.
I develope my app for 3 platforms (Android, IPhone and Windows Phone). The problem is, that my app works an each of these 3 platforms, but especially now with Microsoft I've problems to get a certificate, because Microsoft wrote, that my app takes too much time to load. On Android and IPhone it's a bit faster, but yet I want switch off this stupid white loading page. But I cannot find at all, WHERE and WHAT ?.
I deleted already all splash screen, I deleted this ajax-gif loader and and, but yet I cannot find what is still loading in the background and makes especially on Windows Phone such problems, that it takes about 35 seconds, until the white page switch finally to my app. But users thinks of course it hangs ot deinstall this app maybe, because of such looooooooong loading. I tested of course already with java console if there are some faults, but also here I don't get a meassage, that something is wrong.
Any ideas what I can still check and switch off ?

Furthermore: Why I switch off in Appery all rights like camera, internet and and and all hooks are disabled, yet if I pack this app to an APK for Android or ZIP this for an package for XCode or SLN file for Microsoft, I've suddenly all of these rights again enabled?. And also: if I switch off ALL rights, then the apps don't start at all anymore, then it directly crashes on the phone. Here I've always at least to make an hook at internet, Why ?

Thanks in advance

Thu Aug 22, 2013 6:13 am

Hi Elena,

Concerning permissions for Android - you have to choose the ones you really need or just ACCESS_NETWORK_STATE.
Perhaps you really should add a splash-screen for your application - a static image of a small size.

The problem is that most of the time you do not run your application, but its environment as a Phonegap/Cordova. Of course, your application can also have a big effect on the speed of execution:

When run, you call a lot of services at the same time.
Images in your application are not optimized for mobile devices - they are too big and have too low compression.
You have connected a large and complex styles and/or plug-ins.
Layout of your pages is not effective, which increases the time of rendering page.
Your application code can be not effective or contain errors, unnecessary actions, memory leaks.

There is no silver bullet for efficient and fast application. Its speed and efficiency are made up of many parts, and it would seem quite small things.

Thu Aug 22, 2013 6:50 am

Hi Katya,

thanks for your answer. Yes, I confirm that especially in this app is a very, very big javascript-code, but yet I payed a lot of attention that they aren't errors inside, beside the fact that it doesn't shows me errors in console.
Plug-ins I don't have or use. The code himself is only HTML/5, css is only loaded for the theme. Images I don't use too, except the packed ones, which are needed for APP-icon and so on.

Do you have any other ideas where I can watch or screw to make it at least during startup a bit faster ?. I mean, that at least the app loads under 35 seconds and that at least Microsoft don#t have reasons anymore, to cancel the certification.
As I told on Android and IPhone it isn't so slowly, but on Windows Phone it looks like hanging app and then suddenly after about 35 seconds the app starts. The code himself is always the same, except that I switched off on Windows Phone the NaviBar in the footer.

Thu Aug 22, 2013 9:07 am

Hi Elena,

Unfortunately, the project contains quite a lot, often redundant code by default. This problem is struggling, but so far it is. The extra code is the source code for the components that are available but not used in the project. Perhaps deleting it from the project, you will not only reduce the size of the executable file, but also to speed up its performance.

Also to speed up the code execution you can use the code compression - minimizing it in one line with obfuscation of long variable names.

You can also look for opportunities for profiling applications.

Thu Aug 22, 2013 3:58 pm

Hi again,

again thanks for answer. I checked today something and could experience, that even if I switch off my java code, it doesn't matter. The loading speed is the same.
But when I demark (switch off) this code, then it runs like sports car, but then of course the app is not working anymore.

Code: script type="text/javascript" src="files/resources/lib/jquery/jquery-1.8.2.js"

Is there someone who have maybe ideas why especially this jquery makes the app so slowly ?. And in general it seems it not connected with my own app, because I can already find here in this forum a lot of other people which has the same problem with white page.. loading..

Thu Aug 22, 2013 4:25 pm

If I use in Google Chrome the Profiles tool and record the start of app, then also here it shows, that about 50% he needs for time for JQuery trigger.

Thu Aug 22, 2013 4:48 pm

Hello Elena! You build hybrid app and it uses jquery in visual part - it's the main library. Unfortunately there is nothing we can do...

Thu Aug 22, 2013 9:26 pm

Elena, try minified jquery or try to swith to later version - 1.10 instead of 1.8 used in Appery by default. Can't guarantee your app will start, but you can give it a try. Just download from official website, rename and try to do drop-in.

If profiler says loading jquery slows app down, you should go deeper and investigate what inside jquery or what jquery dependencies (if any) can make it so slow.

Fri Aug 23, 2013 10:15 am

Hello,

thanks for ideas. Tried to work with 1.10.2, but then errors during loading, also it didn't changed something in speed, so I went back to 1.8.x.
Then I tested to switch off java script at all, it doesn't matter, so also the big javascript code isn't guilty.

But then I saw, that the very big HTML code can change the speed a lot. If I cut the half of code and try with the other half, it changes already a lot in speed.
Then I put all the code into a HTML compressor. At least the speed is now a bit better, but not so much, that I would have a chance to get this certificate at Microsoft.

Are here specialists, which have maybe some ideas, how I can speed up my HTML Code with some tricks ?. In general this is only usual HTML code and inside are some tables. But what I don't understand is the fact, that if I switch off jquery it's like turbo or if I take only the half of code, then it's also much faster. Are there possibilities to cut some things from jquery, which I don#t need ?. As well as with maybe CSS.

Fri Aug 23, 2013 11:18 am

Hi Elena,

WindowsPhone UI is extremely simple in style. Maybe you should try to implement your project as a separate version for WindowsPhone.

For example, here is the jQM theme: http://sgrebnov.github.io/jqmobile-me... it could help to speed up loading a little more. However, even better would be if you develop a maximally minimalist theme in the style of WP. Standard style allows primitive elements only. You can use native (system) buttons, instead of styles painted buttons.

It all depends on your application directly. If you prefer, you can completely get rid of the heavy jQM strapping. That is, before the release, you are interfering in the page source code (tab Sources) and remove all you don't need, leaving the replacement of elements with the same id, name and dsid attributes. The only obvious problem that will be difficult to fight is a mapping of big response with generation lists. Here you will either completely abandon the visual creation and write full manual code or try to leave these parts of the page. But they are based on jQM, we want to use minimally. However, you can't completely leave it if you need the transitions between pages.

The problem can be solved, but the complexity of the possible solutions requires some effort and experience.