如何防止聚合物 1 的性能瓶颈?
How to prevent performance bottleeck with polymer 1?
环境
聚合物 1
问题:
我使用一个包含 35 个对象的数组。我通过 dom-repeat
模板创建元素列表(全部相同)。渲染所有元素大约需要 10 秒。
整个浏览器被冻结,直到进程完成。
先尝试修复
在我的自定义元素中,我使用 dom-if
和 restamp
属性,因为我预计 HMTL 渲染过程会更快但没有成功。
谁能给我提示,我怎样才能提高性能?
用iron-list,就是你要找的
这是一个简单的例子,可以像dom-repeat
一样使用
<iron-list items="[[items]]">
<template>
<div>
[[item.name]]
</div>
</template>
环境
聚合物 1
问题:
我使用一个包含 35 个对象的数组。我通过 dom-repeat
模板创建元素列表(全部相同)。渲染所有元素大约需要 10 秒。
整个浏览器被冻结,直到进程完成。
先尝试修复
在我的自定义元素中,我使用 dom-if
和 restamp
属性,因为我预计 HMTL 渲染过程会更快但没有成功。
谁能给我提示,我怎样才能提高性能?
用iron-list,就是你要找的
这是一个简单的例子,可以像dom-repeat
<iron-list items="[[items]]">
<template>
<div>
[[item.name]]
</div>
</template>