Notwithstanding Precautions, Misadventure

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

    Keywords

    none

    Install

    npm i build-plugin-rax-fly

    DownloadsWeekly Downloads

    30

    Version

    1.0.7

    License

    ISC

    Unpacked Size

    8.31 kB

    Total Files

    4

    Last publish

    Collaborators

    • bunko