Готовый перевод Best Practices for Speeding Up Your Web Site / Рекомендации лучших вебоводов для ускорения вашего сайта: Reduce the Number of DOM Elements / Уменьшайте количество DOM элементов

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

Большое количество DOM элементов - это симптом того, что вам что-то нужно делать с разметкой страницы без удаления контента. Вы используете вложенные таблицы в разметке? Используете больше дивов для решения проблем с разметкой? Возможно есть более семантически правильные способы создания вашей верстки.

Большую помощь с разметкой могут оказать YUI CSS утилиты: grids.css может помочь вам с объемной разметкой, fonts.css и reset.css могут помочь с дефолтными настройками форматирования под разные браузеры. Это шанс начать все заново и подумать о разметке, например использования только дивов, когда это имеет смысл семантически, а не потому, что это новый этап.

Количество DOM элементов легко проверить в консоли Firebug:

document.getElementsByTagName('*').length

Сколько же DOM элементов будет уже много? Проверьте другие подобные страницы с хорошей разметкой. К примеру домашняя страница Yahoo! довольно нагруженная при количестве элементов менее 700.

Переведено на Нотабеноиде
http://notabenoid.org/book/31735/110133

Переводчики: Alexasa