scroll-view实现小程序通讯导致卡顿的问题有没有优化方案?
发布于 6 年前 作者 kdong 13584 次浏览 来自 官方Issues

这几天做了一个小程序通讯录,通讯录数据较多,右侧字母滑动时卡顿严重,各位是怎么解决的,有没有优化方案。

我查阅了一下官方文档:看到了如下描述

常见的 setData 操作错误

1. 频繁的去 setData

在我们分析过的一些案例里,部分小程序会非常频繁(毫秒级)的去setData,其导致了两个后果:

  • Android 下用户在滑动时会感觉到卡顿,操作反馈延迟严重,因为 JS 线程一直在编译执行渲染,未能及时将用户操作事件传递到逻辑层,逻辑层亦无法及时将操作处理结果及时传递到视图层;

  • 渲染有出现延时,由于 WebView 的 JS 线程一直处于忙碌状态,逻辑层到页面层的通信耗时上升,视图层收到的数据消息时距离发出时间已经过去了几百毫秒,渲染的结果并不实时;

2. 每次 setData 都传递大量新数据

setData的底层实现可知,我们的数据传输实际是一次 evaluateJavascript 脚本过程,当数据量过大时会增加脚本的编译执行时间,占用 WebView JS 线程,

3. 后台态页面进行 setData

当页面进入后台态(用户不可见),不应该继续去进行setData,后台态页面的渲染用户是无法感受的,另外后台态页面去setData也会抢占前台页面的执行。

可是,问题就在要实现滑动效果,就是要毫秒级的setData数据。好郁闷。各位大神你们是怎么实现的?

2 回复

scroll view 性能有待改善 比页面滑动差很多 普通点的安卓手机尤为明显 要不是没其他代替方案 真不想用scroll view

一开始用scroll view

后来不用了,页面流畅了很多

回到顶部