性能优化
zazoCoder
这个作者很懒,什么都没留下…
展开
-
前端对jQuery的jsTree插件的大量数据处理性能优化实践(加载速度优化)
系统使用jstree做的树形展示,开始的数据量有3000左右,生成树的时间很快,但是后来需要加到50000条数据,jstree插件形成树很慢,并且会导致页面卡顿,测试发现5000条数据从请求到树的生成需要大概5秒,30000条数据大概需要15秒,50000条数据要30秒左右,于是对jstree大量数据进行优化。通过各种尝试,看国外文档,看jsTree源码,阅读jsTree文档,最终尝试得到jstree中_append_json_data 方法效果最好,不会导致页面卡顿无法点击的情况。jsTr..原创 2020-10-16 16:23:45 · 1757 阅读 · 2 评论 -
前端对jQuery的jsTree插件的大量数据处理性能优化实践(单节点打开速度优化)
经过上一篇文章的优化之后,加载速度有了明显的提升,但是又有了新的问题:如果一个节点下有50000个子节点,打开节点时,需要20s的时间!并且打开时页面会卡顿;打开节点卡顿原因:查看源码打开节点的逻辑,在open_node()方法中通过调用draw_children()的方法绘制子节点,再通过选择器直接将子节点的display为none属性去掉,实现展示子节点的功能。通过打印时间戳发现draw_children方法花费的时间不是很长,50000条数据大致在2s-3s的时间,但是单独一个修改样式原创 2020-10-27 16:10:17 · 756 阅读 · 0 评论