Javascript Chrome的渲染时间、事件响应时间太差

Chrome的渲染时间和事件响应时间太差

我创建了一个示例html，其中包含大约5000-10000行，结果如下：

有5000行，需要FireFox 5s渲染，需要Chrome 11s渲染。 有10000行，需要FireFox 8s渲染，Chrome需要3.5分钟渲染

我还使用以下脚本进行了测试：

$(window).load(function () {
    $("div.click-test").click(function () {
        $(this).text("clicked");
    });
});

在Firefox中有5000行，点击事件会在中间做出响应，但在Chrome中，它会在大约3秒钟后做出响应。 在Chrome中有10000行，我没有耐心等待响应

有谁能帮我重组我的html，让Chrome的渲染时间更好

PS：你可以在这里下载我的样品。谢谢你的任何预付款

$(window).load(function () {
    // On every single element, add a click handler.
    $("div.click-test").click(function () {
        $(this).text("clicked");
    });
});

在每个元素上添加不同的事件处理程序。改用事件委派。它允许您使用一个事件处理程序来处理所有元素

$('body').on('click', '.click-test', function() {
    $(this).text('clicked');
});

另外，避免使用慢速选择器，如

div.click-test

<代码>。单击测试要快得多

在每个元素上添加不同的事件处理程序。改用事件委派。它允许您使用一个事件处理程序来处理所有元素

$('body').on('click', '.click-test', function() {
    $(this).text('clicked');
});

---

另外，避免使用慢速选择器，如

div.click-test

<代码>。单击“测试”要快得多。

1000或10000行用于长渲染？如果示例中有一行或甚至1000或10000行用于长渲染，该怎么办？如果示例中有一行或甚至谢谢。你的经验很有用。但是，响应时间为0.5s（Firefox）-3s（Chrome）。这是Chrome的问题吗？@user929794如果对于同一个代码，一个比较慢，这是Chrome的问题：）我很惊讶这在5k行中如此慢。谢谢。你的经验很有用。但是，响应时间为0.5s（Firefox）-3s（Chrome）。这是Chrome的问题吗？@user929794如果对于同一个代码，一个比较慢，这是Chrome的问题：）我很惊讶这在5k行中如此慢。