0

Chrome 的渲染时间和事件响应时间太糟糕了。

我创建了一个包含大约 5,000 - 10,000 行的示例 html，结果如下：

有 5,000 行，它需要 FireFox 5s 来渲染，它需要 Chrome 11s 来渲染。10000行，FireFox 8s渲染，Chrome渲染3.5分钟

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

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

有 5,000 行，在 Firefox 中，事件点击响应中间，但在 Chrome 中，它在大约 3 秒后响应。有 10,000 行，在 Chrome 中，我没有耐心等待响应

任何人都可以帮助我重组我的 html 以使 Chrome 呈现时间更好吗？

PS：你可以在这里下载我的示例http://www.mediafire.com/?x2h0nsldo90m642。感谢任何提前

4

1 回答 1

3 
$(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. .click-test速度更快。

于 2012-11-02T10:26:57.433 回答