Давайте рассмотрим сейчас другой вопрос, а именно: как быстро браузер создает DOM-дерево в зависимости от наличия в нем элементов с id
или class
?
Для этого мы подготовим 3 набора HTML-файлов. Первый будет содержать 10000 элементов, у которых только часть будет иметь id
(количество именованных элементов варьируется от 50 до 10000: это требуется для оценки влияния DOM-дерева). Второй HTML-файл практически идентичен первому, только элементы вместо id
имеют атрибут class
. В третьем наборе в DOM-дереве оставим только элементы с id
(т. е. будем изменять само число элементов от 50 до 10000). Все измерения запустим в скрытом iframe
, чтобы избежать отрисовки загружаемой страницы на экране.