Вам, вероятно, не нужен весь Font-Awesome.Не загружайте все это.Выбирайте только те значки, которые вам нужны, и загружайте их по отдельности как <img src='path'>
, где путь указывает на файл .svg
, загруженный из здесь .Если вам интересно, вы можете объединить все эти изображения в таблицу спрайтов , как это делает Google [ google.com spritesheet ].
Если вы настаиваете на загрузке всехиз этих ресурсов только для поддержки Font Awesome, сжатие ваших текстовых ресурсов (html, js, css) значительно уменьшит размер файла.Существует множество обучающих программ о том, как сжать и загрузить ресурсы на статический файловый сервер. пример .
Вы также можете объединить файлы JS в один файл, чтобы минимизировать сетевой трафик.Для этого вам понадобится какая-то «система сборки», такая как rollup или webpack .
Если вы действительно хотите настроить производительность, проверьте HighВеб-сайты производительности и Еще более быстрые сайты , обе феноменальные книги O'REILLY, которые могут помочь вам повысить производительность доставки контента.