In our application, it has only js files, one index.html file, and one ajax request for our initial load, well and some images for our application.
But it takes 7 seconds for the splash image to hide.
Are there any way where we can optimize the loading time of our application? Or can we manually bring down the loading time of the splash screen?
Thanks!
regards,
Junnel
Using the forge.launchimage.hide API, you can clear the launchimage when you want - when your app is "ready enough" to be shown to the user.
We hide the launchimage image automatically on the window load event, or after 5 seconds, whichever comes first.
Related
Let's say I have an app built like the Microsoft weather app.
On launch of app I need to download the forecast from the internet. While waiting to do so I also need to display a progress indicator. Which of the following (if any) is recommended?
Render the page fully with navigation controls (hamburger side menu) as well as page content (but without values since they are data bound). Then overlay a modal control like a popup with a progress indicator inside and a cancel button.
Render only the application root shell with the progress indicator inside (no other content, or navigation controls like hamburger menu are visible). Then once the task is complete, navigate to the home page with content.
Render the home page with content and navigation controls, but hide only the content (with visibility = collapsed) and show a progress indicator in its place. Once data is downloaded hide the progress indicator, and show the content.
I don't know which one of these I'm supposed to use. Is there a recommended way to do this?
Or is there a better way I didn't think of?
There is no one perfect answer for this question but I will try to explain the most common solution. None of points above is good or bad. It is better to concentrate on the user experience.
Render fully page with navigation controls and display loading popup is not really bad idea - user see the whole page with progress ring for instance and has chance to cancel it. But remmber that if data is not loaded or user abort pulling it there will be empty content in the app (if this is first time when user launched the app).
One of the best solutions for scenario you wrote is to use extended Splash Screen. Once you app is launched first Splash Screen is displayed and when you extend it, you can add progress ring to indicate that data is being retrieved.
This is very elegant way to present to the user.
Please see below guidline how to do it:
UWP Extended splash screen
I am working on winRT XAML application, in my main page i have some large images. When i launch the aplication it shows blank screen for a while in between splash screen and main screen. Any solution for this? i think same issue as in Phonegap showing white screen after the splash screen - IOS but its in winRT in my case.
This sounds like something I experienced in the past when I set the page background to an image. It can take a little while for the image to get loaded and displayed on the page, and therefore you end up with a fraction of a second of unstyled page. Is that what's going on here? If so, try reducing the size / quality of your image to see if it makes a difference. If it does, your work is just starting as you try to find an acceptable compromise between image quality and file size.
Look up "extended splash screen". The technique is basically that you make your app display a splash screen image on a solid color background that looks the same as the one displayed by the Windows shell when it starts your app. The splash screen image is small enough that when your app starts showing just the splash screen - it shows seamlessly and then you can load your first page in the background.
i wrote an app with different views, the main one is basically a web view that displays a PDF on the web (with a specific url). the problem is that this pdf is a bit big (around 5-10 MB) and it takes a lot to load it. during this loading period the screen remains white. i thought to add a sort of progress bar that appears and disappers automatically, based on the file loading, but i have no idea about how to do this… can someone help me?
(if you have better ideas you are free to tell)
if you are using web view to load the pdf then you can use the webview delegate methods to show the progress bar
I am developing an iPhone application using restful web service.I want to implement splash screen through web service. Because I want to change that image dynamically. Is there any method for implementing this?
the Splash image is your Default image
check the linked url for
Providing Launch Images for Custom URL Schemes
But, this Default image, just shows for a little while, 2 seconds max, so by the time you do the fetching of your image, the Default "splash" image is long gone,
also, you see this Default image when you have your app closed [not in background], so in order to see your Default image you will have to delete your app from memory every time is closed...
Could you fetch the image and show it the next time the app is opened?
or you could show an image in a modal view? every time the app starts?
;)
does it hurt performance to have multiple UIWebViews in the same screen? how do I use a busy indicator while the web page is loading and display the fully loaded page once all contents have been downloaded?
Two UIWebViews will take twice the time to render on screen. If this is a problem depends on your app and your content. Just try it.
To implement your busy indicator you could implement a delegate for your WebViews. see UIWebViewDelegate-Protocol