Шрифт Удивительная скорость загрузки страницы по сравнению с CSS-изображением?

Шрифт. Если вы используете тот же Font Awesome, что и у меня, то быстрее использовать их в качестве шрифта, а не изображения. Шрифт представлен в виде набора значков, которые вы можете использовать, просто вставив класс в элемент или установив псевдокласс в класс и вставив нужный значок в содержание.

HTML:

<i class="fa fa-search"></i>

CSS:

.element:before { content: "\f002"; }

Используя свойство background, вы должны вставить URL-адрес изображения, что означает, что вам нужно либо иметь несколько изображений в папке, занимая место и находить каждое из них, либо у вас есть одно изображение, и вы должны установить положение фона для каждого значка ,