页面加载只耗时 53ms 但是浏览器接收到 html 页面数据渲染显示出页面却需要 1.5s 左右，有没有什么插件可以加速页面渲染的？
frozenway · 24 天前 · 1043 次点击页面是一个表单，里面有大量的选择框、输入框、按钮 radio|checkbox 。这些都有一个 id ，下拉选择的选项基本都有 1000 个选项。有没有办法加速页面渲染的技术？
13 条回复 • 2024-06-13 15:27:12 +08:00
 |
1
BeijingBaby 24 天前  1
"下拉选择的选项基本都有 1000 个选项",异步加载这些选项。
|
 |
2
monokuma88 24 天前 1
整这么大的表单用户用起来也很难受的，需求重新想想吧。可以考虑分割为多个 step 的方式，多次提交。
|
 |
3
sentinelK 24 天前 1
没有，因为你的 dom 元素复杂度在这里。
所以就像楼上说的，应该从渲染复杂度，或者产品设计流程上下手去优化。 |
 |
4
ck65 24 天前 1
下拉改为带模糊搜索的下拉，候选项异步加载
|
 |
5
menglizhi2333 24 天前 1
选择框不用 UI 框架提供的，而是使用浏览器原生选择器，这样也能避免渲染过多 dom 节点
|
 |
6
winglight2016 24 天前 1
1000 个选项居然直接放下拉框？这产品经理是咋想的，combobox 或者弹出框更用户友好吧
|
 |
7
chenliangngng 24 天前 1
懒加载
|
 |
8
potatowish 24 天前 via iPhone 1
1000 个下拉选项有实际意义吗，解决办法一个是 remote search ，模糊搜索，一个是将选项进行多级分类，级联加载
|
 |
9
cnhothandx 24 天前 1
Chrome Dev Tools 有个 Lighthouse ，能测量页面加载性能并给出评分和修改建议生成 Report ，优化后再跑到 90 分以上优秀就可以了。
|
 |
10
wunonglin 24 天前 1
|
 |
11
NerbraskaGuy 24 天前
1000 个下拉选项不会是页面加载的时候也生成了吧，这种得做分页或者改成模糊搜索
|
 |
12
frozenway OP @NerbraskaGuy 是页面上的
``` <body> ... <select id="aa" name="xx"> <option value="1">1</option> ... <option value="1001">1001</option> </select> ... </body> ``` 这样的 |
 |
13
runlongyao2 3 天前
虚拟列表了解下
|
Select Language