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

Question

Некоторое время назад я нашел this site, у которого есть API для рисования файлов в javascript с помощью div.

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

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

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

Answer 1

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

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

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

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

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

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

Answer 2

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

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

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

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