aframe - 有没有办法提高我的多标记网络应用程序的性能？

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
    }
  }
});

这对我的手机要求很高，很多时候只是让浏览器崩溃。所以我想知道这是否是最好的方法，还是我错过了什么？多谢你们。