页面view过多会变卡
发布于 6 年前 作者 chengyan 6910 次浏览 来自 问答

后台通过ueditor编辑的文章,小程序取到的是一段html代码,通过wxparse转换之后在小程序展示,打开页面之后小程序变得特别卡。

10 回复

内容过长,滑动时候触发bindscroll,切换tab不能固定在顶部;点击tab,无法切换到课程目录。返回选课页面,点击课程列表无法进入课程介绍页面。要过一段时间才可以点击进入

请问是在什么环境下呢?开发者工具,iOS还是android?

iphone7,微信版本6.5.14,小程序基础库版本1.4.0

你好,是怎么样会比较卡呢?滑动的时候吗?

线上版,使用iOS访问

页面的bindtap和bindscroll事件都卡,都是需要很长事件才能触发,因为页面只添加的这两种事件,不确定其他事件是否卡顿。

线上版是吗?提供一下小程序名字和具体有问题的页面,我们分析一下。

小程序名称:“好多课+”

页面:首页–> tabbar 选课–> 公众号运营 30天高阶班 点进去

由于当时出现卡顿,课程介绍已经进行删减,现在没有严重的卡顿情况。但是如果课程介绍内容比较长,就会卡。

课程介绍是一段html代码,通过wxParse转换成小程序可以展示。

我这边分析原因如下:

  1. wxParse处理复杂结构时开销过大;

  2. 多次调用setData加重了上述问题。

滑动的时候不卡,但是页面的bindtap事件要点击很久才能触发;点击返回上一页之后,上一个页面也是可以滑动,但是点击事件都不生效。tabBar的切换不受影响。Android,iOS均存在此问题。

回到顶部