Посвящается Виталию Харисову.
После перевода заметки «Оптимизация производительности CSS» и справедливые комментарии от Виталия витар Я решил провести серию экспериментов по изучению скорости работы CSS-селекторов во внутренних движках браузеров.
Результаты оказались весьма забавными, а местами, наверное, даже интересными.
Методология.
Размер файла
Естественно, скорость одного CSS-правила очень высока, и даже десятки или сотни из них не должны заметно замедлять работу браузеров.
Поэтому необходимо провести эксперимент по работе с несколькими тысячами правил, иначе точность результатов будет очень низкой.
Использовать JavaScript для генерации HTML/CSS-кода не представляется разумным, поскольку тогда вам придется учитывать еще и скорость JS-движка в браузерах, и в результате эксперимент не будет достаточно чистым.
В итоге было решено сгенерировать статические файлы (около 300Кб), которые бы содержали достаточное количество различных CSS-селекторов.
Это «достаточное» количество было выбрано исходя из нескольких параметров, среди которых: размер файла (не хотелось отправлять несколько МБ через браузер и Интернет) и скорость HTML/CSS-кода в браузерах (она должна быть достаточно низкой) так что файлы размером в несколько сотен Кб уже заметно тормозили при открытии).
Теги: #CSS #IE #opera #Firefox #Safari #CSS1 #CSS2 #селекторы CSS #оптимизация #Оптимизация клиента-
Как Pinterest Поддерживает Устойчивый Рост
19 Oct, 24 -
Идите На Работу С Чистой Совестью
19 Oct, 24 -
Проект Застрял: Ныряем С Головой
19 Oct, 24 -
Вирусный Hr Или По Ловцу И Зверю Бежит
19 Oct, 24
