Как Clamp влияет на производительность, если его везде использовать?

Question

[BloomingBurden]

.container {
        align-items: center;
        min-height: #{fluid(65px, 128px, 1440px, 2560px)};
        padding-top: #{fluid(13px, 28px, 1440px, 2560px)};
        padding-bottom: #{fluid(13px, 28px, 1440px, 2560px)};
   }

На выходе
.header__container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: clamp(4.0625rem, 5.625vw + -1rem, 8rem);
  padding-top: clamp(0.8125rem, 1.3392857143vw + -0.3928571429rem, 1.75rem);
  padding-bottom: clamp(0.8125rem, 1.3392857143vw + -0.3928571429rem, 1.75rem);
}

Не так давно начал использовать clamp во всех своих проектах в таком виде. Я его использую везде и всегда. Но сегодня узнал, что в целом это может влиять на производительность . когда страница перерисовывается, а это происходит в любой момент, когда у нас есть JS Анимации. Хотел бы узнать, правда ли это от профессионалов своего дела.

Comments

[Ankhena]

-ms-flex-align: center; в сочетании с clamp выглядит потрясающе.