Видимый / скрытый контент влияет на скорость загрузки страницы? Как получить внешние данные по запросу?

Question

Пример : список связанных <H4> (<a><H4>maximum 200 characters</H4></a>) и соответствующие им элементы div (<div>maximum 10000 characters</div>) одновременно извлекаются из электронной таблицы; при щелчке по любой из видимых связанных <H4> (toggle()) отображаются соответствующие ранее скрытые элементы (hide()). Список связанных <H4> и связанных с ними элементов div увеличивается по мере увеличения электронной таблицы, как форма комментариев.

Вопросы:

1. Список <H4> загружается быстрее (или отображается быстрее на странице) когда div спрятаны заранее (hide())?

2. Если вопрос 1 является отрицательным, какой будет самая простая структура функции jQuery, в этом примере, для извлечения и отображения элементов div после загрузки связанных <H4> s и только после нажатия пользователем <H4>? У меня уже есть функция извлечения данных (google.jsapi), поэтому мне нужна правильная структура функции jQuery, позволяющая пользователю загружать дополнительные данные по требованию. Есть указатели?

Примечание : В настоящее время разрабатывается на jQuery 1.6+. Код выше упрощен только для описания. Причина, по которой <H4> заключены в теги <a>, заключается в кросс-браузерной проблеме и возможности доступа с помощью клавиш доступа и вкладки для пользователей клавиатуры (я попробовал метод each() для интерактивных H4 s, а Firefox этого не сделал подведи меня однако IE 6-7 ненавидел меня за это и замер).

Answer 1

1) Список загружается быстрее (или отображается быстрее на странице), когда элементы div заранее скрыты (hide ())?

Ответ:

Пока вы загружаете скрытые элементы div в то же время, когда вы загружаете страницу, ваша страница не будет загружаться быстрее / значительно быстрее

2) Если вопрос 1 отрицательный, какова будет самая простая структура функции jQuery, в этом примере, для извлечения и отображения div после загрузки связанных s и только после нажатия пользователем?

Ответ:

Используйте ajax для заполнения div по требованию, создайте страницу с пустым скрытым div и загружайте эти div, используя запрос ajax, когда вы их показываете. Все это можно сделать с помощью javascript / JQuery