我这里不卡呀？很流畅呀（（大雾）
by Dw_hans @ 2020-05-26 09:03:54
现象：经过实验，在题解页面上下滚动比较流畅（可能我电脑比较好），但是在题解页面选取代码的时候掉帧比较严重。
---
打开 Chrome DevTools，经过 Performance 分析，发现主要耗时集中在 System 上（应该是浏览器内建函数的耗时）。
~~但是总所周知，浏览器不可能无故占用那么多资源。~~ 经过进一步分析发现，题解页面的代码 DOM 节点嵌套过多。
**每一个高亮的 keyword 都有一大堆的嵌套**，而代码里又有很多的 keyword，两者叠加导致页面的 DOM 节点过多，使得资源占用上升，甚至导致掉帧等问题。
而且进一步测试发现，原本页面上 keyword 的嵌套并不多，但是上下反复滚动之后嵌套就会增多。
---
由于洛谷前端不开源，而打包好的前端 js 基本不可阅，所以就没有去分析代码。~~个人猜测是 highlightjs 本身的问题，还是配置不得当？~~
---
上面提出了一些个人的见解，希望能看一下，谢谢。
@[kkksc03](/user/1)
~~这好像是我第一次 @ 管理员？~~
by Monad @ 2020-05-26 16:26:52
确实，现在的题解界面比前段时间卡了许多。
by iostream @ 2020-05-26 19:32:39
然而我mbp15 2019啊
by powerLEO101 @ 2020-05-26 23:57:34
@[FZzzz](/user/174045)
by powerLEO101 @ 2020-05-26 23:58:15
不是卡，而是动都动不了，复制也不行，只能吧网页关了，过多渲染是不是可以用自定义每页题解数量来解决？
@[kkksc03](/user/1)
by powerLEO101 @ 2020-05-26 23:59:22
@[powerLEO101](/user/24262) mbp13 2019没有遇到类似的情况，基本上是秒开的。
by hh0592821 @ 2020-05-27 01:32:10
@[hh0592821](/user/96686) 建议在题解页面上下滚动多几次（大幅度滚动），然后高亮代码（keyword）的 DOM 节点嵌套就会逐渐增多（就像上面那样）。
by Monad @ 2020-05-27 09:22:23