Чем больше HTML у вас есть на странице увеличивает время загрузки HTML-документа. Чтобы добавить к этому, когда вы хотите манипулировать DOM, эти дополнительные элементы могут не отображаться, но ваш код по-прежнему будет работать, это увеличивает время выполнения вашего javascript-кода.
Возможно, вы захотите изучить шаблоны. Существует довольно много фреймворков javascript (Underscore, Handlebars и т. Д.), Которые позволяют легко привязывать модель и генерировать html. Часто это приводит к небольшому количеству кода, который должен быть написан, и вы подталкиваете рендеринг html к клиенту и серверу, что улучшит производительность вашего серверного приложения, поскольку оно не должно отображать html, а затем передавать его вниз.
"скрытый" HTML? Пожалуйста, объясните – pattyd
Ну, это зависит от того, используете ли вы какие-либо фреймворки? Например, в jQuery вы можете «отделять» элементы от DOM, чтобы вы могли манипулировать ими и вставлять их снова, как только вы закончите. Я уверен, что в других библиотеках есть похожие инструменты. – elclanrs
@pattyd by hidden Я имею в виду «display: none» или просто из прокрутки страницы. – Bakaburg