Лучше ли будет, если задавать классы элементам с одинаковыми стилями?

Отвечая на вопросы:

Если 3 элемента имеют размер шрифта 24px, то можно ли сделать отдельному классу стиль в 24px и присваивать его таким элементам?

Посмотрите, ниже вам наглядный пример. Есть один общий класс .item с набором стилей. Всем элементам мы присваиваем этот класс. Если какому-либо элементу необходимы дополнительные стили, до добавляем этому элементу дополнительный класс.

Так будет более оптимизированнее?

Таким образом получается сокращение кода CSS, что способствует уменьшению времени ответа сервера. Сервер быстрее дает отклик, а скорость загрузки страницы увеличивается.

.item {
  float: left;
  display: inline-block;
  margin: 5px;
  width: 50px;
  height: 50px;
  border: 1px solid black;
}

.red {
  background: red;
}

.blue {
  background: blue;
  height: 100px;
}

.green {
  background: green;
  width: 100px;
}

<div class="item red"></div>
<div class="item blue"></div>
<div class="item green"></div>