从站点文件夹加载 SVG 图标或使用 FontAwesome答案

【问题标题】：Load SVG icons from site folder or use FontAwesome从站点文件夹加载 SVG 图标或使用 FontAwesome
【发布时间】：2021-10-17 15:15:38
【问题描述】：

我正在尝试减少页面加载时间。现在轮到图标了。

什么对页面速度更好？

从文件中加载 10-50 个 SVG 图标或
使用 FontAwesome

【问题讨论】：

标签： performance icons font-awesome pagespeed

【解决方案1】：

如果您的目标是减少页面加载时间，您肯定最好使用从服务器本地文件夹提供的 svg 图标。您将使用多少个图标？ 50？我最大的项目使用了 34 个图标，其中一半没有出现在任何图标字体中，所以我不得不自己绘制它们，之后我意识到，有一天我在编码时犯了一个错字，并且 Font Awesome 没有加载。而且我的页面加载速度非常快。没有什么可考虑的了。我创建了一个个人系统，这里解释了本质How to Replace the Web Font with SVG icon in CSS(Font Awesome)? 希望它能像对我一样帮助你！

【讨论】：

感谢您的帮助。我找到了一个名为 IcoMoon 的在线应用程序。如果我理解正确的话，它可以让我一个一个地挑选我需要的图标并将它们用作字体。
无论如何你都需要安装和加载字体。至少我上次听说 Icon Moon 时是这样的。