Как стать автором
Обновить

Разгоняем CSS-селекторы: id против class, раунд второй

Клиентская оптимизация
В первой статье цикла я уже рассматривал скорость работы движка, ответственного за создание и отображение HTML-страницы на экране. Однако, сейчас речь пойдет о несколько другом аспекте, нежели движок CSS-селекторов. Данная серия тестов была посвящена скорости создания отдельного HTML-документа.

Методика



Если в первых двух исследованиях ставилась под вопрос скорость распознавания браузером CSS-правил и их применение, то сейчас интересовал другой вопрос, а именно: как быстро браузер создает DOM-дерево в зависимости от наличия в нем элементов с id или class?

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

читать дальше на webo.in →
Теги:оптимизацияпроизводительностьскорость загрузкиcss selecto
Хабы: Клиентская оптимизация
Всего голосов 47: ↑42 и ↓5 +37
Просмотры5K

Похожие публикации

Аудит и оптимизация QA-процессов
25 июня 202113 000 ₽Лаборатория Качества
WEB-разработчик
19 июня 202196 000 ₽GeekBrains
Программист Android
19 июня 202184 000 ₽GeekBrains
PHP программист
19 июня 202148 000 ₽GeekBrains
Программист iOS
19 июня 202172 000 ₽GeekBrains

Лучшие публикации за сутки