如何防止聚合物1的性能瓶颈?

时间:2018-02-08 13:56:50

标签: javascript html dom polymer polymer-1.0

环境

聚合物1

问题: 我使用一个包含35个对象的数组。我通过dom-repeat模板创建元素列表(全部相同)。渲染所有元素大约需要10秒钟。

整个浏览器被冻结,直到该过程结束。

首先尝试修复 在我的Custom元素中,我使用带有dom-if属性的restamp,因为我预计HMTL渲染过程会更快但不会成功。

有人可以给我一个提示,我怎样才能提高表现?

1 个答案:

答案 0 :(得分:1)

使用iron-list,这是您正在寻找的

这是一个简单的例子,它可以像dom-repeat

那样使用
<iron-list items="[[items]]">
<template>
  <div>
       [[item.name]]   
  </div>
</template>