Сколько допустимо использовать символов в HTML коде?

Question

[Антон]

Уточняю суть вопроса: есть цикл новостей на странице. Для каждой новости хочу реализовать чтение в модальном окне. То есть в цикле рядом с новостью лежит еще и код модального окна. Как и HTML код новости, свой код модального окна существует для каждой новости.

Итого я имею:

• 4000 строк - без модальных окон
  
• 10000 - с модальными окнами
  

Посчитал на каком-то сайте - это всего 343292 символов в HTML файле, где есть код модальных окон.
У FaceBook, например, на странице с лентой - 599590 символов в коде.

Насколько это плохо и, если есть еще место, то сколько?

Answer 1

[Алексей]

При таком количестве окон я бы на вашем месте ориентировался на динамическую подгрузку через AJAX. Иначе при такой постановке вопроса один лишь HTML код может выйти несколько мегабайт :)
Не говоря уже про влияние на рендеринг страницы. Правда по цифрам я вам подсказать к сожалению не сумею.

Comments

[Антон]

Немного наврал в тексте вопроса. Не новости у меня, а видео :) Ну, текст там безусловно есть (описание), но в модальных окнах хочу выводит видео с YouTube. Поэтом (наверно) подгрузка AJAX тут неуместна? В каждом окне будет простой блок iframe.

[Алексей]

Антон: Так можно использовать FancyBox для вызова iframe с подписями, без необходимости создавать под каждое окно свой код. Если конечно на сайте установлен jQuery.

А на сколько уместны большие страницы. На многофункциональных сервисах, внутренние страницы объемные вполне уместны, там много кешируется что сказывается на скорости загрузки. Если же пользователь только попал на ваш сайт долгую загрузку он может не дождаться. Плюс повлияет на поисковые системы.

[Антон]

Алексей: благодарю. А есть какие-нибудь аналоги? Интересует как можно меньший вес, ибо у меня итак подрублен фреймворк. Пока подобрал это: noelboss.github.io/featherlight

[Алексей]

Антон: Я обычно для этих целей использую FancyBox - устраивает, поэтому аналогами не интересовался. Не смогу подсказать.

А фреймворк, если вы про bootstrap, тогда там лишнее можно поотрубать. Особенно при использовании для генерации препроцессоров, делается легко.

[Антон]

Алексей: понял, благодарю.

[Алексей]

Антон: Рад был помочь)

Answer 2

[Арк Тарусов]

Как говорилось выше, чем меньше тем лучше.
Однако нет не каких цифр ограничивающих количество кода, кроме разума)
Настройте на своем сайте динамическую прогрузку окон и все будет отлично.

Могу лишь намекнуть на вес будущей страницы и про регионы в которых 3мб/сек роскошь. Поэтому динамическая подгрузка в данном случае необходимая вещь.

Answer 3

[Роман]

Если я правильно понял задачу, то модальное окно всегда одинаковое – различается только заголовок/контент/футер. Почему бы тогда не иметь код окна всего один, а заполнять его содержимым новости средствами js?