Стоимость селектора CSS

Коннор Кларк
Connor Clark

Опубликовано: 8 октября 2025 г.

Если затраты на перерасчёт стилей остаются высокими, оптимизация селекторов может их снизить. Оптимизируйте селекторы как с высоким затраченным временем, так и с высоким процентом медленного пути. Более простые селекторы, меньшее количество селекторов, меньший размер DOM и более поверхностный DOM — всё это снизит затраты на сопоставление.

Как передать это понимание

Это понимание всегда проходит, но может по-прежнему демонстрироваться в информационных целях.

Он отображается на панели «Производительность» DevTools только в том случае, если включен параметр Включить статистику селектора CSS (медленно) .

Дополнительные ссылки