Вы действительно должны оптимизировать DOM, чтобы сэкономить память и повысить скорость.Однако ключ заключается в том, чтобы избежать преждевременной оптимизации.
Какая у вас целевая платформа?Какой браузер (ы) ваши пользователи чаще всего используют?
Например, если вы нацелены в основном на настольные ПК, а ваши пользователи используют современные браузеры, то вам, вероятно, следует предпочесть ясность и простоту кода.
Если вы нацелены на настольные ПК, но должныскажем, поддержите IE6, тогда наличие слишком большого количества элементов DOM повлияет на вашу производительность, и вам следует подумать об оптимизации:
Однако, если вы ориентируетесь на современные браузеры, но в областях с низкой пропускной способностью (например, в круизе)и т. д.) тогда ваши соображения о пропускной способности могут перевесить ваши соображения относительно DOM.
Если вы ориентируетесь на iPhone, iPad и т. д., то память является дефицитным ресурсом (как и в случае с процессором), поэтому вы определенно должен оптимизировать DOM.Кроме того, на мобильных устройствах вы будете уделять больше внимания оптимизации полезной нагрузки AJAX из-за проблем с пропускной способностью по сравнению с чем-либо еще.Вы еще больше увеличите вес , уменьшив количество вызовов AJAX по сравнению с экономией на элементах DOM.Например, вы можете просто загрузить больше элементов DOM, чтобы уменьшить количество вызовов AJAX из-за пропускной способности - опять же, только вы можете выбрать правильный баланс.
Таким образом, ответ на самом деле таков:зависит.В современной браузерной среде с быстрым подключением нет никакой необходимости преждевременной оптимизации, если ваша DOM не станет действительно огромной.В условиях медленного соединения или мобильной среды избыточный вес при оптимизации пропускной способности перед оптимизацией DOM, но также при оптимизации количества узлов DOM.