Уменьшайте количество DOM элементов

Оглавление

Сбросить всё

Английский оригинал	Перевод на русский
Сожалеем, но текст оригинала доступен только зарегистрированным пользователям.	Сложная страница означает больше байт для загрузки, а также более медленный доступ к DOM для JavaScript. Есть большая разница перебираете ли вы на странице 500 или 5000 элементов DOM, когда, например, вы хотите добавить обработчик события. Alexasa 18.09.12 в 11:08 0
	Большое количество DOM элементов - это симптом того, что вам что-то нужно делать с разметкой страницы без удаления контента. Вы используете вложенные таблицы в разметке? Используете больше дивов для решения проблем с разметкой? Возможно есть более семантически правильные способы создания вашей верстки. Alexasa 19.09.12 в 07:54 0
	Большую помощь с разметкой могут оказать YUI CSS утилиты: grids.css может помочь вам с объемной разметкой, fonts.css и reset.css могут помочь с дефолтными настройками форматирования под разные браузеры. Это шанс начать все заново и подумать о разметке, например использования только дивов, когда это имеет смысл семантически, а не потому, что это новый этап. Alexasa 19.09.12 в 07:58 0
	Количество DOM элементов легко проверить в консоли Firebug: Alexasa 19.09.12 в 07:59 0
	document.getElementsByTagName('*').length Alexasa 19.09.12 в 08:00 0
	Сколько же DOM элементов будет уже много? Проверьте другие подобные страницы с хорошей разметкой. К примеру домашняя страница Yahoo! довольно нагруженная при количестве элементов менее 700. Alexasa 19.09.12 в 08:02 0