Как уменьшить размер FontAwesome 5.3.1 - PullRequest
0 голосов
/ 15 сентября 2018

Using SVG with JavaScript в 20 раз больше, чем Using Web Fonts with CSS.

Это большая проблема, если я использую Using SVG with JavaScript, не считая других js, jquery, bootstrap. Загрузка только FontAwesome 5 почти используется 1MB.

Кто-нибудь знает, как уменьшить размер файла?

1 Ответ

0 голосов
/ 15 сентября 2018

Вам, вероятно, не нужен весь Font-Awesome.Не загружайте все это.Выбирайте только те значки, которые вам нужны, и загружайте их по отдельности как <img src='path'>, где путь указывает на файл .svg, загруженный из здесь .Если вам интересно, вы можете объединить все эти изображения в таблицу спрайтов , как это делает Google [ google.com spritesheet ].

Если вы настаиваете на загрузке всехиз этих ресурсов только для поддержки Font Awesome, сжатие ваших текстовых ресурсов (html, js, css) значительно уменьшит размер файла.Существует множество обучающих программ о том, как сжать и загрузить ресурсы на статический файловый сервер. пример .

Вы также можете объединить файлы JS в один файл, чтобы минимизировать сетевой трафик.Для этого вам понадобится какая-то «система сборки», такая как rollup или webpack .

Если вы действительно хотите настроить производительность, проверьте HighВеб-сайты производительности и Еще более быстрые сайты , обе феноменальные книги O'REILLY, которые могут помочь вам повысить производительность доставки контента.

...