web聊天短时间内大量消息涌入页面，有何策略保持页面渲染稳定、不卡顿

Question

问题描述

基于websocket协议实现的移动端web聊天页面；当短时间内，服务端推送大量消息（用户大量登录的提示信息，爆发式的聊天信息），页面渲染出现卡顿；
项目没有使用框架，直接是通过js插入总线中获取的消息；
想问下，在当前场景下，有哪些策略，可以保持页面消息渲染的稳定，不卡顿

问题出现的环境背景及自己尝试过哪些方法

自己所尝试的策略：将长连中的消息缓存在本地队列中，然后控制消息渲染的速度，达到一个节流的效果

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？