ng-Include is very slow with the external template
<p>I have used <code>ng-include</code> as shown below.But it is very slow.In other words it shows tab's heading without the content of it.Later it loads the content.Which is really BAD.But if I use all the content on the same page then there is no delay.So how can I speed this ? Do you know any trick or method to do that ? Thanks. </p>

<p><strong><em>Parent page :</em></strong></p>

<pre><code>&lt;uib-tab heading="@L("PropertyInformation")"&gt;
&lt;div ng-include="'~/App/tenant/views/propertymanagement/createPropertyForm.cshtml'"&gt;&lt;/div&gt;
&lt;/uib-tab&gt;
</code></pre>

<p><strong><em>Template : createPropertyForm.cshtml</em></strong></p>

<pre><code>     &lt;form name="createPropertyForm" role="form" novalidate class="form-validation"&gt;
                &lt;div class="row"&gt;
                    &lt;div class="col-xs-4"&gt;
                        &lt;div class="form-group form-md-line-input form-md-floating-label no-hint"&gt;
                            &lt;input class="form-control" type="text" name="StreetNumber" ng-model="vm.property.address.streetNumber" ng-class="{'edited':vm.property.address.streetNumber}" required maxlength="@Address.MaxLength"&gt;
                            &lt;label&gt;@L("StreetNumber")&lt;/label&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="col-xs-4"&gt;
                        &lt;div class="form-group form-md-line-input form-md-floating-label no-hint"&gt;
                            &lt;input class="form-control" type="text" name="StreetName" ng-model="vm.property.address.streetName" ng-class="{'edited':vm.property.address.streetName}" required maxlength="@Address.MaxLength"&gt;
                            &lt;label&gt;@L("StreetName")&lt;/label&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="col-xs-4"&gt;
                        &lt;div class="form-group"&gt;
                            &lt;label class="control-label"&gt;@L("City")&lt;/label&gt;
                            &lt;select ng-model="vm.property.address.cityId" class="form-control" ng-options="a.id as a.name + ' | '+ a.zipCode for a in vm.cities" required&gt;
                                &lt;option value="" disabled=""&gt;-- Select a City --&lt;/option&gt;
                            &lt;/select&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;

// having lot more elements
</code></pre>

<p>When I use above as shown below,then no delays.But I would like to separate those html content to separate template.That is why I have tried above.</p>

<p><strong><em>All in the same page :</em></strong></p>

<pre><code>    &lt;uib-tab heading="@L("PropertyInformation")"&gt;
       &lt;div ng-include="'createPropertyForm.html'"&gt;&lt;/div&gt;
    &lt;/uib-tab&gt; 

 &lt;script type="text/ng-template" id="createPropertyForm.html"&gt;
        &lt;form name="createPropertyForm" role="form" novalidate class="form-validation"&gt;
            &lt;div class="row"&gt;
                &lt;div class="col-xs-4"&gt;
                    &lt;div class="form-group form-md-line-input form-md-floating-label no-hint"&gt;
                        &lt;input class="form-control" type="text" name="StreetNumber" ng-model="vm.property.address.streetNumber" ng-class="{'edited':vm.property.address.streetNumber}" required maxlength="@Address.MaxLength"&gt;
                        &lt;label&gt;@L("StreetNumber")&lt;/label&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="col-xs-4"&gt;
                    &lt;div class="form-group form-md-line-input form-md-floating-label no-hint"&gt;
                        &lt;input class="form-control" type="text" name="StreetName" ng-model="vm.property.address.streetName" ng-class="{'edited':vm.property.address.streetName}" required maxlength="@Address.MaxLength"&gt;
                        &lt;label&gt;@L("StreetName")&lt;/label&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="col-xs-4"&gt;
                    &lt;div class="form-group"&gt;
                        &lt;label class="control-label"&gt;@L("City")&lt;/label&gt;
                        &lt;select ng-model="vm.property.address.cityId" class="form-control" ng-options="a.id as a.name + ' | '+ a.zipCode for a in vm.cities" required&gt;
                            &lt;option value="" disabled=""&gt;-- Select a City --&lt;/option&gt;
                        &lt;/select&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
&lt;/form&gt;
&lt;/script&gt;
</code></pre>