How to measure the splash page loading time
Iam trying to measure the loading time of the splash page( variable time) , because I added a progress bar with a percentage indication in the splash page , but it loaded the home page before the progress bar finished .
or if there is a way to redirect the splash page after a specified time to the home page !
I would appreciate if anyone can help me .
best,
Arwa
0
-
Not directly answering your question, but I found it easier to stick with a loading animation. Any reason you need the actual percentage? https://maps.wtcc.sa.gov.au/mapviewer/ 0 -
Actually, I need the percentage indication, so that users don't get bored , because it takes a long time to load ! 0 -
End users will be happy to know when the application will start. Sometimes, the geocortex take more than one minute to start without giving any indication about the progress! We hope that this gets as an out of the box property.
What do you think, Steffen?
Arwa,
Why not to provide the code here?0 -
Here the index.html code
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Geocortex Viewer for HTML5</title>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="apple-touch-icon" href="Resources/Images/Icons/iOS/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="72x72" href="Resources/Images/Icons/iOS/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="Resources/Images/Icons/iOS/apple-touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="Resources/Images/Icons/iOS/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="Resources/Images/Icons/iOS/apple-touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon" sizes="144x144" href="Resources/Images/Icons/iOS/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="Resources/Images/Icons/iOS/apple-touch-icon-ipad-retina.png" />
<link rel="stylesheet" href="Resources/Styles/splash.css" />
<style>
#myProgress {
width: 100%;
background-color: #ddd;
margin-top=50px;
margin-bottom=100px;
}
#myBar {
width: 1%;
height: 20px;
background-color: #4273b7;
text-align: center;
line-height: 10px;
color: white;
}
</style>
</head>
<body>
<!-- Splash Screen Markup -->
<div class="splash-overlay">
<img class="splash-pre-loader" src="Resources/Images/splash-logo.png" alt="" />
<div class="splash-plate splash-invisible">
<div id="myProgress">
<div id="myBar">10%</div>
<div><span id="elem.innerHTML"></span></div>
<div id="total_download_time"></div><br>
</div>
<img class="splash-image" alt="" />
<p class="splash-paragraph">This application uses licensed Geocortex Essentials technology for the Esri<sup>®</sup> ArcGIS platform. All rights reserved.</p>
</div>
</div>
<!-- Standard GVH Embed -->
<script src="Resources/Compiled/loader.js"></script>
<script>
// Uncomment the below line to only use local copies of Esri API files. This is done automatically in the Geocortex Mobile App Framework.
//var geocortexUseLocalEsriApi = true;
var viewerConfig = {
"configurations": {
"default": "Resources/Config/Default/" + shellName + ".json.js"
},
"viewerConfigUri": null
};
new geocortex.essentialsHtmlViewer.ViewerLoader().loadAndInitialize();
</script>
<script>
function move() {
var elem = document.getElementById("myBar");
var width = 1;
var id = setInterval(frame,180);
function frame() {
if (width >= 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
elem.innerHTML = width * 1 + '%' ;
}
}
}
new move();
</script>
</body>
</html>0 -
Would it be possible to look into optimising the site so that it loads faster?
One minute is a long time and after going through the HTML5 optimisation thread listed below we managed to get our minute long loading sites down to 23 seconds. it required days of work but the users are a lot happier.
https://support.geocortex.com/essentialsGSCForum?sub-nav=forum&main-nav=essentials&#!/feedtype=SINGLE_QUESTION_SEARCH_RESULT&id=90660000000Ck1mAAC
hope that helps.0 -
Hi Matthew
we are looking into optimizing the site , but we need a temporary solution until we find the what is slow down the startup page .
we will try the link below, Thanks for your help .0 -
I’m wondering how the code can measure the capacity of all resources (internet speed, server, client machine, etc.) so that it can capure the exact time to launch the site. 0 -
Hi all,
I'm sorry to say that we don't currently have a way to measure the loading time in GVH, however, it is something we are looking at for future releases of GVH. For the time being, I encourage you to vote for the idea here:
https://support.geocortex.com/essentialsGSCIdeasDetail?c=09a6000000008RsAAI&id=087600000004MeYAAU&categ=&sub-nav=ideas&main-nav=essentials
Thanks!
Danny0 -
Thanks Daniel.
I’m happy that you are currently considering this issue. However, I have voted for the idea.
By the way, I don’t think that voting should be the ONLY way that shows how particular enhancement is really important due to the fact that not all users are active in the forum. There should be other methods to judge whether a particular improvement does add value to the application.0
Please sign in to leave a comment.
Comments
9 comments