问题描述

1.1 现象

• 环境

  ：预发环境

• 场景

  ：登录态历史消息（50+条）渲染

• 症状

  ：界面渲染卡顿，卡顿时间1秒左右不等

问题排查过程

2.1 初步排查

排查思路：怀疑需求冲突，开发或解冲突不当导致

• 比较差异化消息渲染逻辑
• 检查近期代码改动

结果：未发现明显的近期改动

2.2 深入分析

工具：浏览器性能火焰图发现：

• 卡顿期间产生长任务 <font style="color:rgba(0, 0, 0, 0.88);">Task</font>

  阻塞主线程

• 任务执行时长：1583.1ms (1.5秒)

• 任务来源：*<font style="color:rgba(0, 0, 0, 0.88);">useModel</font>**<font style="color:rgba(0, 0, 0, 0.88);">handler</font>

  内 订阅函数

  调用

图例：