Question

我有一个缓慢呈现的页面。穿越网络的旅行很快。页面的初始加载速度很快。您实际上可以看到（如果您的机器足够慢），html组件的初始布局。然后一些javascript的东西运行，使这些组件中的一些都是ajaxy。然后最终css得到应用。

我无法对javascript做任何事情做任何事情，这会让所有事情变得越来越慢。所以我需要一个悸动来告诉用户举起，浏览器正常工作。有没有办法陷阱浏览器完成渲染事件？甚至有这样的事件吗？还有另一种方法吗？

Answer 1

在调用所有Ajax之前检查DOM何时就绪。

document.observe("dom:loaded", function() {
  //your code
});

使用jQuery：

$(document).ready(function() {
      //your code
});

Answer 2

在代码运行之前显示throbber并在之后隐藏它。

使用JQuery：

$("#throbber").show();
/* Your AJAX calls */
$("#throbber").hide();

Answer 3