WordPress LMS and WP Education Theme for Academy and Education Institutes › Forums › App Support › Blank white screen loads 12 seconds

Blank white screen loads 12 seconds

Tagged: ,

This topic contains 7 replies, has 3 voices, and was last updated by  Alex 4 months, 1 week ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 7, 2019 at 2:31 pm #18546

    Hilman Fajrian
    Participant

    Hi,

    Blank white screen loads about 12 seconds after splash screen before enter the home page. I have disabled intro pages.

    Refer:

    https://drive.google.com/open?id=1efoKy4Oc1_2wLIrvcIPBLYJF53BXB8Cb

    Need help to get rid of this white screen or decrease it’s load time to below 3 second.

    Thanks.

    January 8, 2019 at 2:08 pm #18587

    Scott Lang
    Keymaster

    <?xml version=’1.0′ encoding=’utf-8′?>

    <widget id=”com.CareerCube.lwtech” version=”0.0.1″ xmlns=”http://www.w3.org/ns/widgets” xmlns:cdv=”http://cordova.apache.org/ns/1.0″>

    <name>E-Learning</name>

    <description>An awesome app for  E-Learning users.</description>

    <author email=”[email protected]” href=”http://ionicframework.com/”> E-Learning Team</author>

    <content src=”index.html” />

    <access origin=”*” />

    <allow-navigation href=”http://ionic.local/*” />

    <allow-intent href=”http://*/*” />

    <allow-intent href=”https://*/*” />

    <allow-intent href=”tel:*” />

    <allow-intent href=”sms:*” />

    <allow-intent href=”mailto:*” />

    <allow-intent href=”geo:*” />

    <preference name=”webviewbounce” value=”false” />

    <preference name=”UIWebViewBounce” value=”false” />

    <preference name=”DisallowOverscroll” value=”true” />

    <preference name=”android-minSdkVersion” value=”16″ />

    <preference name=”BackupWebStorage” value=”none” />

    <preference name=”ShowSplashScreenSpinner” value=”true” />

    <preference name=”FadeSplashScreen” value=”false” />

    <preference name=”AutoHideSplashScreen” value=”false” />

    <preference name=”CordovaWebViewEngine” value=”CDVWKWebViewEngine” />

    <preference name=”SplashMaintainAspectRatio” value=”true” />

    <preference name=”FadeSplashScreenDuration” value=”300″ />

    <preference name=”SplashShowOnlyFirstTime” value=”false” />

    <preference name=”SplashScreen” value=”screen” />

    <preference name=”SplashScreenDelay” value=”3000″ />

    <platform name=”android”>

    <allow-intent href=”market:*” />

    <icon density=”ldpi” src=”resources/android/icon/drawable-ldpi-icon.png” />

    <icon density=”mdpi” src=”resources/android/icon/drawable-mdpi-icon.png” />

    <icon density=”hdpi” src=”resources/android/icon/drawable-hdpi-icon.png” />

    <icon density=”xhdpi” src=”resources/android/icon/drawable-xhdpi-icon.png” />

    <icon density=”xxhdpi” src=”resources/android/icon/drawable-xxhdpi-icon.png” />

    <icon density=”xxxhdpi” src=”resources/android/icon/drawable-xxxhdpi-icon.png” />

    <splash density=”land-ldpi” src=”resources/android/splash/drawable-land-ldpi-screen.png” />

    <splash density=”land-mdpi” src=”resources/android/splash/drawable-land-mdpi-screen.png” />

    <splash density=”land-hdpi” src=”resources/android/splash/drawable-land-hdpi-screen.png” />

    <splash density=”land-xhdpi” src=”resources/android/splash/drawable-land-xhdpi-screen.png” />

    <splash density=”land-xxhdpi” src=”resources/android/splash/drawable-land-xxhdpi-screen.png” />

    <splash density=”land-xxxhdpi” src=”resources/android/splash/drawable-land-xxxhdpi-screen.png” />

    <splash density=”port-ldpi” src=”resources/android/splash/drawable-port-ldpi-screen.png” />

    <splash density=”port-mdpi” src=”resources/android/splash/drawable-port-mdpi-screen.png” />

    <splash density=”port-hdpi” src=”resources/android/splash/drawable-port-hdpi-screen.png” />

    <splash density=”port-xhdpi” src=”resources/android/splash/drawable-port-xhdpi-screen.png” />

    <splash density=”port-xxhdpi” src=”resources/android/splash/drawable-port-xxhdpi-screen.png” />

    <splash density=”port-xxxhdpi” src=”resources/android/splash/drawable-port-xxxhdpi-screen.png” />

    <preference name=”loadUrlTimeoutValue” value=”700000″ />

    </platform>

    <platform name=”ios”>

    <allow-intent href=”itms:*” />

    <allow-intent href=”itms-apps:*” />

    <icon height=”57″ src=”resources/ios/icon/icon.png” width=”57″ />

    <icon height=”114″ src=”resources/ios/icon/[email protected]” width=”114″ />

    <icon height=”40″ src=”resources/ios/icon/icon-40.png” width=”40″ />

    <icon height=”80″ src=”resources/ios/icon/[email protected]” width=”80″ />

    <icon height=”120″ src=”resources/ios/icon/[email protected]” width=”120″ />

    <icon height=”50″ src=”resources/ios/icon/icon-50.png” width=”50″ />

    <icon height=”100″ src=”resources/ios/icon/[email protected]” width=”100″ />

    <icon height=”60″ src=”resources/ios/icon/icon-60.png” width=”60″ />

    <icon height=”120″ src=”resources/ios/icon/[email protected]” width=”120″ />

    <icon height=”180″ src=”resources/ios/icon/[email protected]” width=”180″ />

    <icon height=”72″ src=”resources/ios/icon/icon-72.png” width=”72″ />

    <icon height=”144″ src=”resources/ios/icon/[email protected]” width=”144″ />

    <icon height=”76″ src=”resources/ios/icon/icon-76.png” width=”76″ />

    <icon height=”152″ src=”resources/ios/icon/[email protected]” width=”152″ />

    <icon height=”167″ src=”resources/ios/icon/[email protected]” width=”167″ />

    <icon height=”29″ src=”resources/ios/icon/icon-small.png” width=”29″ />

    <icon height=”58″ src=”resources/ios/icon/[email protected]” width=”58″ />

    <icon height=”87″ src=”resources/ios/icon/[email protected]” width=”87″ />

    <splash height=”1136″ src=”resources/ios/splash/[email protected]~iphone.png” width=”640″ />

    <splash height=”1334″ src=”resources/ios/splash/Default-667h.png” width=”750″ />

    <splash height=”2208″ src=”resources/ios/splash/Default-736h.png” width=”1242″ />

    <splash height=”1242″ src=”resources/ios/splash/Default-Landscape-736h.png” width=”2208″ />

    <splash height=”1536″ src=”resources/ios/splash/[email protected]~ipad.png” width=”2048″ />

    <splash height=”2048″ src=”resources/ios/splash/[email protected]~ipadpro.png” width=”2732″ />

    <splash height=”768″ src=”resources/ios/splash/Default-Landscape~ipad.png” width=”1024″ />

    <splash height=”2048″ src=”resources/ios/splash/[email protected]~ipad.png” width=”1536″ />

    <splash height=”2732″ src=”resources/ios/splash/[email protected]~ipadpro.png” width=”2048″ />

    <splash height=”1024″ src=”resources/ios/splash/Default-Portrait~ipad.png” width=”768″ />

    <splash height=”960″ src=”resources/ios/splash/[email protected]~iphone.png” width=”640″ />

    <splash height=”480″ src=”resources/ios/splash/Default~iphone.png” width=”320″ />

    <icon height=”1024″ src=”resources/ios/icon/icon-1024.png” width=”1024″ />

    <splash height=”2732″ src=”resources/ios/splash/[email protected]~universal~anyany.png” width=”2732″ />

    </platform>

    <plugin name=”cordova-plugin-inappbrowser” spec=”^1.7.1″ />

    <plugin name=”cordova-plugin-camera” spec=”^2.4.1″ />

    <plugin name=”cordova-plugin-file-transfer” spec=”^1.6.3″ />

    <plugin name=”cordova-plugin-file” spec=”^4.3.3″ />

    <plugin name=”cordova-plugin-device” spec=”^1.1.4″ />

    <plugin name=”cordova-plugin-splashscreen” spec=”^4.0.3″ />

    <plugin name=”cordova-plugin-statusbar” spec=”^2.2.2″ />

    <plugin name=”cordova-plugin-whitelist” spec=”^1.3.1″ />

    <plugin name=”ionic-plugin-keyboard” spec=”^2.2.1″ />

    <plugin name=”cordova-plugin-console” spec=”1.0.5″ />

    <plugin name=”cordova-sqlite-storage” spec=”~2.0.3″ />

    <plugin name=”cordova-plugin-facebook4″ spec=”^1.7.4″>

    <variable name=”APP_ID” value=”123456789″ />

    <variable name=”APP_NAME” value=”myApplication” />

    </plugin>

    <plugin name=”cordova-plugin-inapppurchase” spec=”^1.2.0″ />

    <plugin name=”cordova-plugin-googleplus” spec=”^5.3.0″>

    <variable name=”REVERSED_CLIENT_ID” value=”com.googleusercontent.apps.v5gs6jj3jfl4n48os1fflj9tv7ccsup1-973451435093″ />

    </plugin>

    <engine name=”ios” spec=”^4.3.1″ />

    <engine name=”android” spec=”^6.3.0″ />

    </widget>

    Here is my

     

    check that config.xml file of your app for splash image

    January 8, 2019 at 2:18 pm #18588

    Hilman Fajrian
    Participant

    Okay, this is mine. Can you please analyze what is the flaw that cause the lagging?

    *****

    <?xml version=’1.0′ encoding=’utf-8′?>

    <widget id=”io.ionic.arkademi” version=”0.0.1″ xmlns=”http://www.w3.org/ns/widgets” xmlns:cdv=”http://cordova.apache.org/ns/1.0″>

    <name>Arkademi</name>

    <description>An awesome Ionic/Cordova app.</description>

    <author email=”[email protected]” href=”http://ionicframework.com/”>Ionic Framework Team</author>

    <content src=”index.html” />

    <access origin=”*” />

    <allow-intent href=”http://*/*” />

    <allow-intent href=”https://*/*” />

    <allow-intent href=”tel:*” />

    <allow-intent href=”sms:*” />

    <allow-intent href=”mailto:*” />

    <allow-intent href=”geo:*” />

    <preference name=”ScrollEnabled” value=”false” />

    <preference name=”android-minSdkVersion” value=”19″ />

    <preference name=”BackupWebStorage” value=”none” />

    <preference name=”SplashMaintainAspectRatio” value=”true” />

    <preference name=”FadeSplashScreenDuration” value=”300″ />

    <preference name=”SplashShowOnlyFirstTime” value=”false” />

    <preference name=”SplashScreen” value=”screen” />

    <preference name=”SplashScreenDelay” value=”3000″ />

    <preference name=”Orientation” value=”portrait” />

    <platform name=”android”>

    <allow-intent href=”market:*” />

    <icon density=”ldpi” src=”resources/android/icon/drawable-ldpi-icon.png” />

    <icon density=”mdpi” src=”resources/android/icon/drawable-mdpi-icon.png” />

    <icon density=”hdpi” src=”resources/android/icon/drawable-hdpi-icon.png” />

    <icon density=”xhdpi” src=”resources/android/icon/drawable-xhdpi-icon.png” />

    <icon density=”xxhdpi” src=”resources/android/icon/drawable-xxhdpi-icon.png” />

    <icon density=”xxxhdpi” src=”resources/android/icon/drawable-xxxhdpi-icon.png” />

    <splash density=”land-ldpi” src=”resources/android/splash/drawable-land-ldpi-screen.png” />

    <splash density=”land-mdpi” src=”resources/android/splash/drawable-land-mdpi-screen.png” />

    <splash density=”land-hdpi” src=”resources/android/splash/drawable-land-hdpi-screen.png” />

    <splash density=”land-xhdpi” src=”resources/android/splash/drawable-land-xhdpi-screen.png” />

    <splash density=”land-xxhdpi” src=”resources/android/splash/drawable-land-xxhdpi-screen.png” />

    <splash density=”land-xxxhdpi” src=”resources/android/splash/drawable-land-xxxhdpi-screen.png” />

    <splash density=”port-ldpi” src=”resources/android/splash/drawable-port-ldpi-screen.png” />

    <splash density=”port-mdpi” src=”resources/android/splash/drawable-port-mdpi-screen.png” />

    <splash density=”port-hdpi” src=”resources/android/splash/drawable-port-hdpi-screen.png” />

    <splash density=”port-xhdpi” src=”resources/android/splash/drawable-port-xhdpi-screen.png” />

    <splash density=”port-xxhdpi” src=”resources/android/splash/drawable-port-xxhdpi-screen.png” />

    <splash density=”port-xxxhdpi” src=”resources/android/splash/drawable-port-xxxhdpi-screen.png” />

    </platform>

    <platform name=”ios”>

    <allow-intent href=”itms:*” />

    <allow-intent href=”itms-apps:*” />

    <icon height=”57″ src=”resources/ios/icon/icon.png” width=”57″ />

    <icon height=”114″ src=”resources/ios/icon/[email protected]” width=”114″ />

    <icon height=”40″ src=”resources/ios/icon/icon-40.png” width=”40″ />

    <icon height=”80″ src=”resources/ios/icon/[email protected]” width=”80″ />

    <icon height=”120″ src=”resources/ios/icon/[email protected]” width=”120″ />

    <icon height=”50″ src=”resources/ios/icon/icon-50.png” width=”50″ />

    <icon height=”100″ src=”resources/ios/icon/[email protected]” width=”100″ />

    <icon height=”60″ src=”resources/ios/icon/icon-60.png” width=”60″ />

    <icon height=”120″ src=”resources/ios/icon/[email protected]” width=”120″ />

    <icon height=”180″ src=”resources/ios/icon/[email protected]” width=”180″ />

    <icon height=”72″ src=”resources/ios/icon/icon-72.png” width=”72″ />

    <icon height=”144″ src=”resources/ios/icon/[email protected]” width=”144″ />

    <icon height=”76″ src=”resources/ios/icon/icon-76.png” width=”76″ />

    <icon height=”152″ src=”resources/ios/icon/[email protected]” width=”152″ />

    <icon height=”167″ src=”resources/ios/icon/[email protected]” width=”167″ />

    <icon height=”29″ src=”resources/ios/icon/icon-small.png” width=”29″ />

    <icon height=”58″ src=”resources/ios/icon/[email protected]” width=”58″ />

    <icon height=”87″ src=”resources/ios/icon/[email protected]” width=”87″ />

    <icon height=”1024″ src=”resources/ios/icon/icon-1024.png” width=”1024″ />

    <splash height=”1136″ src=”resources/ios/splash/[email protected]~iphone.png” width=”640″ />

    <splash height=”1334″ src=”resources/ios/splash/Default-667h.png” width=”750″ />

    <splash height=”2208″ src=”resources/ios/splash/Default-736h.png” width=”1242″ />

    <splash height=”1242″ src=”resources/ios/splash/Default-Landscape-736h.png” width=”2208″ />

    <splash height=”1536″ src=”resources/ios/splash/[email protected]~ipad.png” width=”2048″ />

    <splash height=”2048″ src=”resources/ios/splash/[email protected]~ipadpro.png” width=”2732″ />

    <splash height=”768″ src=”resources/ios/splash/Default-Landscape~ipad.png” width=”1024″ />

    <splash height=”2048″ src=”resources/ios/splash/[email protected]~ipad.png” width=”1536″ />

    <splash height=”2732″ src=”resources/ios/splash/[email protected]~ipadpro.png” width=”2048″ />

    <splash height=”1024″ src=”resources/ios/splash/Default-Portrait~ipad.png” width=”768″ />

    <splash height=”960″ src=”resources/ios/splash/[email protected]~iphone.png” width=”640″ />

    <splash height=”480″ src=”resources/ios/splash/Default~iphone.png” width=”320″ />

    <splash height=”2732″ src=”resources/ios/splash/[email protected]~universal~anyany.png” width=”2732″ />

    </platform>

    <plugin name=”cordova-plugin-whitelist” spec=”1.3.3″ />

    <plugin name=”cordova-plugin-statusbar” spec=”2.4.2″ />

    <plugin name=”cordova-plugin-device” spec=”2.0.2″ />

    <plugin name=”cordova-plugin-splashscreen” spec=”5.0.2″ />

    <plugin name=”cordova-plugin-ionic-webview” spec=”^2.0.0″ />

    <plugin name=”cordova-plugin-ionic-keyboard” spec=”^2.0.5″ />

    <engine name=”ios” spec=”^4.3.1″ />

    <engine name=”android” spec=”6.3.0″ />

    </widget>

     

    January 8, 2019 at 2:24 pm #18589

    Hilman Fajrian
    Participant
    This reply has been marked as private.
    January 8, 2019 at 2:27 pm #18590

    Hilman Fajrian
    Participant

    So I have 2 config.xml files. One placed in root (folder where package json placed), one placed in src folder.

    Please help me analyze both and advice me for fix. Thanks.

    January 9, 2019 at 11:34 am #18624

    Alex
    Keymaster

    In your root(not in src folder) config.xml file these two lines are missing :

    <preference name="FadeSplashScreen" value="false" />

    <preference name="AutoHideSplashScreen" value="false" />

    Please add them in same place where other preference tags are .

    • This reply was modified 4 months, 1 week ago by  Alex.
    January 10, 2019 at 12:05 pm #18674

    Hilman Fajrian
    Participant
    This reply has been marked as private.
    January 14, 2019 at 2:50 pm #18792

    Alex
    Keymaster

    Well this load time is taken by the cordova server installed on android device to load . There is nothing we can do .This is a limitation with hybrid apps and ionic framework .

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Template Design © VibeThemes. All rights reserved.