Семантическое DOM-дерево

Логическим продолжением уже проведенных исследований CSS/DOM-производительности браузеров стало рассмотрение зависимости времени создания документа от числа тегов (узлов дерева). Раздельно были проанализированы случаи, когда DOM-дерево является чисто линейным (все div лежали прямо внутри body), когда оно разветвленное (ветки по 10 вложенных div наращивались внутри body) и когда вместо ветки из div используется некоторая семантическая конструкция, а именно:

<div>
        <ul>
               <li></li>
               <li></li>
        </ul>
        <p>
               <a href="#">
                       <em></em>
               </a>
               <span></span>
        </p>
        <blockquote></blockquote>
        <h1></h1>
</div>

В итоге мы получили примерно следующую картину:

Рис. 6.3. Средневзвешенное значение времени создания документа от числа узлов в DOM-дереве