Wydajność css

Ja mam takie pytanie, zacząłem się uczyć css flexbox i mam bardzo prosty przykład
są sobie 3 boxy i w nich określona jest długość, natomiast przy zmniejszaniu rozmiaru przeglądarki, no można powiedzieć że jest słaba wydajność, nie chodzi płynnie okno.
I teraz moje pytanie, czy określanie w ten sposób np. szerokości elementów jest takie wymagające że przeglądarka nie może się skalować płynnie, przcież ma tak mało danych? Od czego to zależy?
Nie mam tego problemu np. z tą stoną.

.flex div{
  border: 1px solid #ccc;
  padding: 10px;
}
.flex{
  display: flex;
}

.box1{
  flex: 1;
}
.box2{
  flex: 3;
}
.box3{
  flex: 1;
}

<div class="flex">
      <div class="box1">
        <h3>Box ONE</h3>
        <p>dsadsa dsadsadasds dsadsadsa dsdsadad </p>
      </div>
      <div class="box2">
        <h3>Box TWO</h3>
        <p>dsadsa dsadsadasds dsadsadsa dsdsadad </p>
      </div>
      <div class="box3">
        <h3>Box THREE</h3>
        <p>dsadsa dsadsadasds dsadsadsa dsdsadad </p>
      </div>
    </div>

Flexbox jest trochę wolniejszy, ale nie powinno mieć to aż takiego znaczenia, może bardziej przeglądarka z dodatkami, lub zobacz devtools chrome co pokazuje, zrób testy wydajności itp.

• Ile przeglądarka ma otworzonych kart w momencie testowania? Bo jak 40-50 to się nie dziw.
• Na jakim sprzęcie to testujesz? Jakieś niskonapięciowe U z 4gb ramu?
• Zrób co mówi skarpety i daj nam screena.

I nie popadaj w taką panikę. Skoro teraz tnie to pomyśl co się stanie jak podepniesz tam jakiś nowoczesny framework/bibliotekę :-)

To pokaż tę stronę, z którą masz problem.
Mam stareńką słabą maszynę i nie zauważam u siebie podobnych problemów.