Что лучше выбрать для оптимизации сайта, тег img или font awesome?

Question

[Alexander3928]

<a href="#" class="card-info__link">
  <i class="fa fa-codepen icon-size"></i>
</a>

<a href="#" class="card-info__link">
      <img src="./src/img/about/cards/pinterest-svgrepo-com.svg" alt="">
</a>

Comments

[mayton2019]

А что оптимизируется? Размер исходника? Или скорость загрузки?

[Сергей Горностаев]

При чём тут higload? У вас миллион запросов в секунду, для обработки которых нужны геораспределённые ЦОДы?

[Alexander3928]

mayton2019, скорость

[Alexander3928]

Сергей Горностаев, Я не знал какие теги просто выбрать для моего вопроса)

[Антон Литвиненко]

вообще тег img ддля иконок не шибко хорошо, хотя я тоже этим грешу, если хотят с админки ставить любые иконки, тянуть весь фонтосом ради пары иконок - жирновато, собрать свой спрайт или иконочный шрифт - как вариант

[mayton2019]

Alexander3928, так тебе нужен инструмент которым надо измерять скорость. Какая польза в наших советах? Надо брать твоё приложение и в develop mode или хз как но получать некую метрику производительности и дальше решать что лучше.

Поскольку в данном коде нет ни циклов ни рекурсий (визуально) то мы не можем оценивать комплексность. Только практическим измерением. Как-то так.

Answer 1

[Антон Антон]

с точки зрения оптимизации - (inline опционально) svg sprite

Answer 2

[Vladislav]

Svg спрайты

Answer 3

[Олег Олегович]

Иконку найти в svg и сделать фоном. С точки валидации это самый правильный вариант.