качество и надёжность с 2008 года

8 (800) 200-25-11

Техническая поддержка support@komtet.ru —

круглосуточно и без выходных дней

load-whois

Онлайн-касса

для интернет-магазина

Подключите ваш интернет-магазин

к онлайн-кассе в соответствии с 54-ФЗ

Главная Техническая библиотека Оптимизация работы сайта Контент Сокращение количества DOM-элементов

Сокращение количества DOM-элементов

В статье "Reduce the Number of DOM Elements" автор рекомендует оптимизировать количество DOM -элементов в JavaScript для улучшения работы сайта.

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

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

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

Количество DOM-элементов легко проверить. просто введите в консоли Firebug:
document.getElementsByTagName('*').length

Какое количество DOM-элементов считается достаточным? Проверьте другие аналогичные страницы, которые имеют хорошую разметку. Например, домашняя страница Yahoo! достаточно заполненная страница и имеет менее 700 элементов (html-тэгов).

 

Оригинал статьи на developer.yahoo.com

Перевод КОМТЕТ komtet.ru

Клиентам — домены в подарок!
Бесплатный тест виртуального хостинга
Перенос сайта — бесплатно
Все акции
На сайте КОМТЕТ используются cookie-файлы, данные о IP-адресе и местоположении посетителей. Если, прочитав это сообщение, вы остаетесь на нашем сайте, это означает, что вы не возражаете против использования этих технологий.