title: App takes more than a minute to load for the first time
body: <p>I have completed an app in SAPUI5 &amp; deployed in FLP. It takes <strong>more than a minute</strong> to load for the first time after which it takes only 2 to 3 seconds.</p>
  <p>When I run Performance in Chrome console, it shows scripting takes too much time. How can I reduce my app's initial loading time?</p>
  <h2>index.html</h2>
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot; /&gt;
      &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot;/&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; /&gt;
      &lt;title&gt;Orders&lt;/title&gt;
      &lt;script id=&quot;sap-ui-bootstrap&quot;
        src=&quot;/sap/public/bc/ui5_ui5/1/resources/sap-ui-core.js&quot;
        data-sap-ui-libs=&quot;sap.m, sap.ui.core&quot;
        data-sap-ui-theme=&quot;sap_belize&quot;
        data-sap-ui-bindingSyntax=&quot;complex&quot;
        data-sap-ui-compatVersion=&quot;edge&quot;
        data-sap-ui-preload=&quot;async&quot;
        data-sap-ui-resourceroots='{&quot;orders&quot;: &quot;.&quot;}'
      &gt;&lt;/script&gt;
      &lt;script&gt;
        sap.ui.getCore().attachInit(function () {
          sap.ui.require([
            &quot;sap/m/Shell&quot;,
            &quot;sap/ui/core/ComponentContainer&quot;
          ], function (Shell, ComponentContainer) {
            new Shell({
              app: new ComponentContainer({
                height : &quot;100%&quot;,
                name : &quot;orders&quot;
              })
            }).placeAt(&quot;content&quot;);
          });
        });
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body class=&quot;sapUiBody&quot; id=&quot;content&quot;&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <h2>Controller Modules</h2>
  <pre class="lang-js prettyprint-override"><code>sap.ui.define([
    &quot;./BaseController&quot;,
    &quot;sap/ui/model/json/JSONModel&quot;,
    &quot;sap/ui/core/routing/History&quot;,
    &quot;../model/formatter&quot;,
    &quot;sap/ui/model/Filter&quot;,
    &quot;sap/ui/model/FilterOperator&quot;,
    &quot;sap/m/MessageToast&quot;
  ], function(BaseController, JSONModel, /* ... */) { /*... */ }));
  </code></pre>
  <h2>XML Namespaces</h2>
  <pre class="lang-xml prettyprint-override"><code>&lt;mvc:View
    xmlns:mvc=&quot;sap.ui.core.mvc&quot;
    xmlns=&quot;sap.m&quot;
    xmlns:semantic=&quot;sap.m.semantic&quot;
    xmlns:core=&quot;sap.ui.core&quot;
    xmlns:table=&quot;sap.ui.table&quot;
    xmlns:smartTable=&quot;sap.ui.comp.smarttable&quot;
    xmlns:customData=&quot;http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1&quot;
    controllerName=&quot;orders.controller.Worklist&quot;
  &gt;
    &lt;!-- ... --&gt;
  &lt;/mvc:View&gt;
  </code></pre>