Как исправить задержку события (touchstart) при клике?

Question

У меня есть интерактивная карта, которая нажимает на другую страницу. При тестировании в сети это совершенно нормально, но когда я тестировал на реальном устройстве, для перехода на страницу потребовалось около 2 секунд. Зачем? (OBS: большая задержка только в первый раз).

Я видел несколько сообщений о тапе и клике.

Таким образом, по сути, это список карточек, которые берут при нажатии, переходят на другую страницу с более подробной информацией об этом предмете.

Я думал, что эта задержка была из-за отложенной загрузки, поэтому удалите отложенную загрузку этой конкретной страницы, но задержка продолжается.

<ion-row>
   <ion-col col-12 style="transform: translate(0, 16px);">
      <ion-list class="list list__model--flex">
         <div class="div div__model--flex" *ngFor="let item of items">
            <div style="width: 100%; padding: 5%;" *ngIf="item.avatar">
              <ion-card tappable class="button button__card--full" (tap)="goToDetails(item)">
                 <ion-card-header no-padding>
                   <img [src]="item.avatar" class="filter--item"/>
                 </ion-card-header>

                 <ion-card-content>
                    <p text-center style="margin: auto; color: #666;">{{item.name}}</p>
                 </ion-card-content>
               </ion-card>
           </div>
        </div>
     </ion-list>

  </ion-col>
</ion-row>

Что ожидается, так это то, что в устройстве не нужно нескольких секунд, чтобы нажать на страницу. При отладке я замечаю, что для перерасчета макета стиля и события '' (pointerup) 'в случае tap требуется время и щелкаю (touchstart) с помощью click.

Как я могу решить эту проблему?