Android原生浏览器中dom处理时间太长。

Question

我目前正在尝试减少我的网站的前端加载时间。我遵循了各种步骤，比如延迟加载javascripts、使用sprites、合并和缩小css/js文件。在主要浏览器中，我已经看到页面加载时间的显著减少。然而，我可以看到所有与android相关的原生浏览器都有大约6-7秒的DOM处理时间，因此页面加载时间上升到9秒，这与其他浏览器的加载时间(大约5秒)相比太高了。

我知道上面提供的信息没有代码，而且相当模糊。有谁能为我指出一个正确的方向，以减少Android原生浏览器中的DOM处理时间？

Answer 1

前段时间，我做了很多IE6优化。我学到的是尽可能具体地使用选择器。假设您有一个巨大的DOM树，并尝试使用jQuery选择具有find_me类的三个节点：

...
<div class="find_me">...</div>
<div class="find_me">...</div>
<div class="find_me">...</div>
...

$('.find_me')会将它们全部返回，但是浏览器必须检查整个DOM树中的这个类名。

所以让我们来总结一下：

...
<div id="unique_wrapper">
  <div class="find_me">...</div>
  <div class="find_me">...</div>
  <div class="find_me">...</div>
</div>
...

$('#unique_wrapper .find_me')也会返回它们，但速度要快得多，因为浏览器几乎立即选择id为unique_wrapper的元素，而忽略了DOM树的其余部分。

我真的不知道与旧的IE6相比，Android浏览器在多大程度上优化了这种行为。但我敢打赌，如果你优化了你的选择器--假设你使用的是选择器，你可以让事情变得更快一些。