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"
  ]
}

Dependencies (1)

Dev Dependencies (0)

    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