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

Разгоняем CSS-селекторы: стоит ли?

Клиентская оптимизация
Виталию Харисову посвящается

После перевода заметки «Оптимизируем CSS-производительность» и справедливых замечаний Виталия vithar, я решил поставить серию экспериментов по скорости работы CSS-селекторов внутреннего движка браузеров. Результаты получились весьма забавными, а местами, наверное, даже интересными.

Методика. Размер файлов



Естественно, что скорость работы одиночного CSS-правила весьма высока, и даже десятки и сотни их не должны заметно замедлить работу браузеров. Поэтому нужно ставить эксперимент по работе с несколькими тысячами правил, иначе точность результатов будет весьма невысока. Использовать JavaScript для генерации HTML/CSS-кода не представляется разумным, ибо тогда придется учитывать еще и скорость работы JS-движка в браузерах, в итоге, эксперимент будет недостаточно чистым.

В конце концов, было решено сгенерить статичные файлы (порядка 300Кб), которые будут содержать достаточное число различных CSS-селекторов. Это самое «достаточное» число подбиралось по нескольким параметрам, в том числе: размер файла (гонять несколько Мб через браузер и интернет совсем не хотелось) и скорость работы HTML/CSS-кода в браузерах (она должна быть достаточно низкой, чтобы файлы в несколько сотен Кб уже заметно тормозили при открытии).

читать дальше на webo.in →
Теги:cssieoperafirefoxsafaricss1css2css-селекторыоптимиза
Хабы: Клиентская оптимизация
Всего голосов 42: ↑38 и ↓4 +34
Просмотры2.6K

Комментарии 32

Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

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

Frontend разработчик
до 150 000 ₽Штрафов НетМожно удаленно
Middle Frontend Developer
до 100 000 ₽AstraLabМожно удаленно
Ведущий frontend-разработчик
от 150 000 ₽Альфа-ЛизингМожно удаленно
Верстальщик
от 1 500 €TR LogicМожно удаленно
Старший разработчик PHP (Битрикс)
от 130 000 ₽Hopper ITМожно удаленно

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