topic Re: Performance of Web App Builder App in ArcGIS Web AppBuilder Questions

Performance of Web App Builder App

akshayloya — Wed, 07 Dec 2016 06:01:15 GMT

Hello Everyone,

I've created a web application on top of ArcGIS Portal and Web App Builder. Following is the URL:

My Web Map has around 100 Layers and have configured Pop up for all of them and have kept them off by default. The problem which I'm facing is my application takes lot of time to open. It will be of great help if any of you could debug and find the exact issue for this problem and the required workaround.

Thanks in advance !

Regards,

Akshay Loya

Re: Performance of Web App Builder App

deleted-user-CQZbjNeBXm49 — Wed, 07 Dec 2016 08:12:46 GMT

Hi Akshay,

I had advice you use the Developer tool on Chrome (F12) to debug your app, from what I can observe your application is using multiple lib (<script type="text/javascript" src="javascripts/JqueryLocal.js"></script>) which is causing some conflict.

Baba

Re: Performance of Web App Builder App

akshayloya — Wed, 07 Dec 2016 09:43:52 GMT

Even if I don't use jquery, it hardly makes any difference.

Re: Performance of Web App Builder App

RobertScheitlin__GISP — Wed, 07 Dec 2016 14:58:35 GMT

Akshay,

As Baba has mentioned you have errors in your code that can be seen in the developer tools console. You need to fix these:

Re: Performance of Web App Builder App

deleted-user-CQZbjNeBXm49 — Wed, 07 Dec 2016 15:39:39 GMT

Hi Theo,

I feel it had be better to start a new thread on you question, however, you can do this by editing the configs\loading\loading.css as seen in the image below:

Baba

Re: Performance of Web App Builder App

akshayloya — Thu, 08 Dec 2016 03:20:10 GMT

One of my observation is If I configure few layers on my map, then the application loads immediately but in our case we need to configure 100 layers. If you see in the timeline of console, most of the time is taken by layer querying and popup configuration. Is there any best way of optimising the web map to get the better result?

Secondly web app builder now supports jQuery, so why we are facing this problem?

Re: Performance of Web App Builder App

akshayloya — Thu, 08 Dec 2016 03:20:22 GMT

Secondly web app builder now supports jQuery, so why we are facing this problem?

Re: Performance of Web App Builder App

akshayloya — Thu, 08 Dec 2016 03:22:22 GMT

And also I don't receive these errors every-time.

Re: Performance of Web App Builder App

RobertScheitlin__GISP — Thu, 08 Dec 2016 03:46:24 GMT

Akshay

100 layers is just to much. Web apps need to be focused. You as the developer have to inform your customers or superiors as to what is practical. WAB does support jQuery but you have to implement it correctly in your custom widget.

Re: Performance of Web App Builder App

akshayloya — Thu, 08 Dec 2016 03:58:18 GMT

So is there any way of managing the pop-ups, because I've kept the layers

off on the web map and have managed their pop-ups. If I could manage it

with some other means, then I can remove all the layers from the map.

On Thu, Dec 8, 2016 at 9:16 AM, Robert Scheitlin, GISP <geonet@esri.com>

Re: Performance of Web App Builder App

RobertScheitlin__GISP — Thu, 08 Dec 2016 04:02:46 GMT

Akshay,

Something like the custom identify widget? What do you mean by manage?

Re: Performance of Web App Builder App

akshayloya — Thu, 08 Dec 2016 04:09:06 GMT

As in I have managed Pop-Ups (Identify) for each layer on web map itself.

So when I use any of those layers which are in my map within my widgets I

don't have to write the identify code for them as I have already managed

them on my map.

Steps:

1) Add layers on map

2) Configure the pop -ups (Which Fields to show, Alias name, etc)

3) Configure widgets in the web app with the layers present in map itself.

Configuring Pop-Ups in web map saves lot of time as we don't have to write

separate code for it.

Regards,

Akshay Loya

On Thu, Dec 8, 2016 at 9:33 AM, Robert Scheitlin, GISP <geonet@esri.com>

Re: Performance of Web App Builder App

RobertScheitlin__GISP — Thu, 08 Dec 2016 13:48:54 GMT

Akshay,

OK, configure popups for layers in the webmap is the proper terminology. So the other way beside configuring the popups for all the layers in the webmap is to use the custom Identify widget then. The Identify widget uses the IdentifyTask instead of a querytask on each indiviual layer in the map. But still the best route would be to make a focused web app that does not have 100s of layers.

Re: Performance of Web App Builder App

akshayloya — Wed, 14 Dec 2016 03:57:19 GMT

Yes I understand that, but there also either we've to add layer on web map, configure pop-up or write down pop up config code. I'm struggling to understand the the use of web app builder in that case.

Re: Performance of Web App Builder App

akshayloya — Wed, 14 Dec 2016 07:18:33 GMT

I have found a workaround Robert. Thanks for your valuable feedback.

Re: Performance of Web App Builder App

deleted-user-CQZbjNeBXm49 — Wed, 14 Dec 2016 13:27:23 GMT

Hi Akshay,

It would be kind if you can share your workaround as this would help others who might be experiencing same.

Regards

Baba

Re: Performance of Web App Builder App

TheoFaull — Wed, 14 Dec 2016 13:53:22 GMT

Agreed. It's great to share!

Re: Performance of Web App Builder App

JamesCrandall — Wed, 14 Dec 2016 14:07:50 GMT

Why not create Web Layers from the services, configure the popups and other properties on them (appropriate tags and make them easily identifiable) and then just implement the Add Data widget? I would pursue putting all of the web layers into a specific group in your Org's AGOL that is tagged just for this application and perhaps customize the AddData widget to only point to that group.

Let user's decide which data to pull into the app but limit the choices to what's in the group.

(wish I had more time to explore these kinds of customizations for myself).

Re: Performance of Web App Builder App

BarnabyRockwell — Wed, 25 Jan 2017 20:57:33 GMT

My general impression is that Flex viewer loads faster than WAB given same layers. But Flex does not have anywhere near the capabilities of WAB, especially with Attribute Table widget.

Re: Performance of Web App Builder App

TimHayes1 — Fri, 27 Jan 2017 17:46:56 GMT

Try the LocalLayer Widget