小工具知识网

当前位置: 首页 > 行业知识 > 关于websocket数据过多造成浏览器卡顿问题

行业知识

关于websocket数据过多造成浏览器卡顿问题

2026-10-20 07:26:14 来源:互联网转载

问题:

websocket发送大量数据并不会造成卡顿 , 如果不停的 渲染页面 , 那可能会造成浏览器卡顿

解决:

给页面设置展示数据行数,限制页面渲染内容

如果推送数据大于展示行数(比如100行),截取最新的100条数据展示 

如果推送数据小于展示行数,那么当前的数据渲染即可 

 onmessage(event) {      this.datalog("MESSAGE: " + event.data);    },    datalog(msg) {      var log = document.getElementById("log");      log.scrollTop = log.scrollHeight;      this.messageArr.push(msg)      if(this.messageArr.length > this.Form.showline){      this.messageArr =  this.messageArr.slice(Number(-this.Form.showline))      }         },
 
  • {{item}}

btw. 数据从末尾截取 arr.slice(-100)

上一篇:服务器怎么分割为多个?

下一篇:怎么用友启动服务器?