aframe - 複数マーカー Web アプリのパフォーマンスを向上させる方法はありますか?

Question

このプロジェクトは A-Frame と AR.js を使用して作成されています

このプロジェクトでは、10 個の異なるマーカーがあり、いつ表示され、いつ消えるかを知る必要があります。そのために次のコンポーネントを作成しました。

AFRAME.registerComponent("marker-controller", {
  tick: function() {
    if ( document.querySelector("#marker1").object3D && document.querySelector("#marker1").object3D.visible == true ) {
    // code when marker1 is visible
      .
      .
      .
    }else if ( document.querySelector("#markerN").object3D && document.querySelector("#markerN").object3D.visible == true ) {
    // code when markerN is visible, this is repeated 10 times

      .
      .
      .
    } else {
      // here I know that no marker is visible
    }
  }
});

これは私の電話にとって非常に要求が厳しく、多くの場合、ブラウザがクラッシュします。だから、これが最善の方法なのか、それとも何か足りないのか知りたいですか？みんなありがとう。