@reivunxx

Как оценить влияние динамических единиц измерения на рендеринг в css (rem, vw)?

Вопрос на первый взгляд странный, но все таки
Предположим имеем такой формат записи стилей для начертаний текста. Таких классов много, и на каждый есть 2-4 вариации через @media
@media (min-width: 375px) {
    .h-3-caps {
        font-size: calc(1.00573rem + .50891vw);
    }
}


Немного понимая принцип обхода браузером таблицы стилей и применения их на html-теги, я могу сказать что такой формат записи это медленнее чем использовать значения в px
Но хотелось бы разобраться в нюансах:
Во-первых, самый основной вопрос - насколько это ощутимо? Скажем, полностью отказавшись от такой записи в пользу упрощения, можно ли будет ожидать заметный буст? Я слышал, что гугл вообще удалил оценку оптимальности написания стилей из оценки быстродействия в lighthouse ввиду слишком малого импакта, но в тоже время видел несколько статей где люди сравнивая свойства, примененные на 100 тысяч элементов, получали какой-то буст в производительности.
Во-вторых, что именно в этой конструкции вызывает самые тяжелые вычисления - calc, rem, vw, или факт того, что это плавающие значения с большим количеством знаков после запятой?

В целом буду рад любому комментарию, вопрос носит больше дискуссионно-познавательный характер
  • Вопрос задан
  • 94 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы