Каков средний предел div для страницы, чтобы быть стабильным?

Question

Некоторое время назад я нашел этот сайт , у которого есть API для рисования вещей в javascript с использованием divs.

Я пытался его использовать, но заметил, что с увеличением количества элементов div стабильность страницы (особенно при выборе, копировании, вставке) снижается.

Теперь я собираюсь написать веб-приложение, которое будет иметь огромное количество сгенерированных элементов div, и мне интересно, повлияет ли это на его стабильность.

Какое среднее число div можно использовать, чтобы веб-страница оставалась стабильной и не перегружалась?

Answer 1

Браузер и приложение, специфичное. Я не знаю каких-либо хороших метрик или ресурсов для этого, и, поскольку каждое приложение javascript уникально в использовании div, я не думаю, что есть жесткое ограничение.

Для некоторых дизайнов в некоторых браузерах это будет меньшее число, в то время как те же дизайны в других браузерах могут быть выше, а разные дизайны могут быть противоположными.

Есть несколько различных факторов, которые необходимо учитывать:

• Обработка DOM в браузере
• Рендеринг в браузере
• Javascript engine
• Как браузер соединяет вышеуказанные элементы, очереди событий, триггеры и т. Д.

Я считаю, что единственный способ получить хорошую информацию - это провести тестирование, демонстрирующее поведение, которое, как вы ожидаете, будет реализовано в вашем приложении.

Если есть способ избежать лишних дел, возьмите его.

Answer 2

К сожалению, как вы обнаружили, создание большого количества DIV-ов добавляет много лишних усилий на страницу и делает браузер нестабильным.

Перед созданием приложения может быть полезно тщательно протестировать реакцию различных браузеров на большое количество элементов div.

Нетрудно динамически генерировать веб-страницы, которые похожи на выходные данные вашего нового веб-приложения, и экспериментировать с количеством элементов div в каждой.

Я ожидаю, что будут большие различия в производительности в зависимости от используемого браузера.