build-plugin-rax-fly

1.0.7 • Public • Published

build-plugin-rax-fly

NPM version NPM downloads

针对rax runtime的性能优化插件

支持

插件支持 微信小程序和阿里小程序

原理

rax 运行时实现上,因为无差别事件绑定,会导致的页面滑动卡顿,长列表性能不佳,据此,我们的插件通过去除大量无用事件,解决因此带来的性能瓶颈

目前会被优化的标签有:

<View></View>
<Text></Text>
<Image></Image>

目前会被去除的事件有:

onTouchMove="onTouchMove"
onTouchStart="onTouchStart"
onTouchEnd="onTouchEnd"
onTouchCancel="onTouchCancel"
onLongTap="onLongTap"

onFirstAppear="onViewFirstAppear"
onAppear="onViewAppear"
onDisappear="onViewDisappear"

对于需要使用这些事件的地方,推荐使用div标签作为代替。

效果

性能提升,在中低端机上尤为明显,长列表的性能堪比原生。 数据对比待更新...

使用

插件为build-scripts插件,在rax项目的根目录中的 build.json 中引入即可:

{
  "targets": [
    "miniapp"
  ],
  "plugins": [
    "@ali/build-plugin-rax-app-def",
    "build-plugin-rax-fly"
  ]
}

Dependents (1)

Package Sidebar

Install

npm i build-plugin-rax-fly

Weekly Downloads

0

Version

1.0.7

License

ISC

Unpacked Size

8.31 kB

Total Files

4

Last publish

Collaborators

  • bunko