如何消除JQuery库中不必要的回流？

Question

所以，我只是在我的网站上运行Google的Page Speed并收到以下通知：

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

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

另外，我想通过http使用https，所以我宁愿坚持使用谷歌的CDN。

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

Answer 1

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

Answer 2

您正试图以错误的方式访问Google CDN。正确的方法是

<script type="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script>

注意缺乏协议。每section 4.2 of RFC 3986，如果未指定协议，则将使用该页面的协议。

阅读本文：http://encosia.com/cripple-the-google-cdns-caching-with-a-single-character/