jquery - 如何消除 JQuery 库中不必要的重排？

Question

所以，我刚刚在我的网站上运行了 Google 的 Page Speed，并收到了以下通知:

有人可以告诉我这是什么意思吗？以及如何“消除”那些不必要的回流？

我也尝试使用http://code.jquery.com/jquery-1.6.2.min.js代替，但它告诉我同样的事情。

另外，我想使用 https 而不是 http，所以我宁愿坚持使用 Google 的 CDN。

我希望这不是过早优化的情况？只是好奇。

Answer 1

每当页面更改时都会发生重排。这意味着页面将重新呈现。当您向 dom 添加某些内容或更改元素上的属性时，可能会发生这种情况。消除回流的最佳方法之一是从 dom 中分离元素，进行更改，然后重新附加。