Chrome 125 导致页面渲染严重滞后

问题描述 投票:0回答:1

F12 窗口显示内容在 3 秒内下载完毕(正常)。但加载、DOM 和完成会显示 3 分钟。

但是页面只显示了一点点。 CPU 保持在 33% 左右,RAM 保持在 1.8 到 2 GB 左右。 RAM 看起来很正常,但 CPU 通常不会峰值那么长时间。

选项卡的左上角(图标区域)会循环,就像页面未完成加载一样。 3分钟后页面将显示。

我已经清理了一个可以在本地加载的示例页面,其行为方式相同(时间可能不同)。

此页面在 Chrome 124 下工作正常,但 125 破坏了可用性。

完整示例文件位于 https://file.io/7m4n7lMuFDIA

或者获取示例并向下拉列表中添加 24,000 行(我知道这本身就是一个问题,但重点是它曾经有效)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
Template
<select id="Template" name="Template" style="width:270px"><option value="0">Select A Value</option>
<option value="00001">00001</option>
<option value="00002">00002</option>
<option value="00003">00003</option>
<option value="00004">00004</option>
<option value="00005">00005</option>
<option value="00006">00006</option>
</select>
text after
</body>
</html>
google-chrome
1个回答
0
投票

问题似乎出在 html 解析器中;在 div 中有数千个选项而不是 select 效果很好。

我现在正在使用的解决方法,直到 chrome 修复了这个问题:通过 JS 将选项从相邻的 div 移动到选择元素中。

© www.soinside.com 2019 - 2024. All rights reserved.