Отображение пульсатора во время загрузки и рендеринга HTML-страницы

Question

У меня есть страница, которая отображается медленно. Путешествие по сети быстро. Первоначальная загрузка страницы происходит быстро. На самом деле вы можете увидеть (если ваша машина достаточно медленная) начальную компоновку html-компонентов. Затем запускается какой-то javascript, что делает некоторые из этих компонентов ajaxy. Затем, наконец, CSS применяется.

Я ничего не могу поделать с javascript, который все замедляет. Поэтому мне нужен троббер, чтобы сказать пользователю, чтобы он держался, браузер работает. Есть ли способ отловить в браузере сделанное рендерингом события? Есть ли такое событие? Есть ли другой способ сделать это?

Answer 1

Показать пульсатор до запуска кода и скрыть его после.

Использование JQuery:

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

Answer 2

Проверьте, готов ли DOM, прежде чем вызывать все ваши Ajax.

с использованием Прототип :

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

с использованием jQuery :

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

Answer 3

Взгляните на: http://plugins.jquery.com/project/throbber