Virtual Slide Performance is reduced with large dynamic data set in Android Platform

[vimalkumar015]

I am using Swiper js with ionic-angular + Capacitor js mobile app. In some scenario my app need to show more than 6000 slides. which slides data will be fetched dynamically. I use Virtual module to show slides.

In ios and web there is no performance lag. But in Android after 6000 slides loaded app is getting laggy and gets crashed.

HTML:

    <swiper id="StkSlider" #StkSlider [config]="VerSlideOpts" (slideChange)="stockSetClock($event)" [virtual]="true">

      <ng-template swiperSlide *ngFor="let item of copySrcData; index as i">

        <div class="swiper-slide-wrapper">
          <p class="StkName">{{name}}</p>
          <p class="StkTicker">({{item.ticker}})</p>
          <p class="StkScore" [ngStyle]="{'color': getmedcolor(item.score)}">{{item.val.toFixed(1)}}</p>
          <div class="StkPriceWrapper" *ngIf="price">
            <p class="StkPriceLabel">Stock Price</p>
            <p class="StkPrice">{{item.currency}} {{item.price.toFixed(1)}}</p>
          </div>
          <div class="StkWeightWrapper" *ngIf="price">
            <p class="StkWeightLabel">Weight</p>
            <p class="StkWeight">{{weight}}%</p>
          </div>
        </div>

      </ng-template>

    </swiper>

swiper config:

 VerSlideOpts: SwiperOptions = {
slidesPerView: 1,
direction: 'vertical',
loop: false,
observeParents: true,
observer: true,
observeSlideChildren: true,
followFinger: false,
allowTouchMove: false,
passiveListeners: true,
slideToClickedSlide: true,
init: true

}

Need better solution ASAP to over come this challenge.
Any Advice would be very helpful.