Fontawesome 减慢页面加载时间

Question

我有一个安装了“baskerville 2”主题的 WordPress 网站。我一直在使用 Google 页面速度洞察来评估我网站的加载速度。\n它告诉我，font Awesome Webfont 预加载请求正在减慢速度.\n我添加了：

\n\n

<link rel=\xe2\x80\x9dpreload\xe2\x80\x9d href=\xe2\x80\x9dhttps://dsbaudio.com/wp-content/themes/baskerville-2/fontawesome/fontawesome-webfont.woff2?v=4.3.0\xe2\x80\x9d as=\xe2\x80\x9dfont\xe2\x80\x9d crossorigin=\xe2\x80\x9danonymous\xe2\x80\x9d>\n

\n\n

到了header.php，这已经改善了一些事情。

\n\n

如果我理解正确的话，如果主题根本没有预加载网络字体，网站加载速度会快很多吗？

\n\n

有没有办法修改主题（使用离线编辑的子主题）以将其恢复为标准字体，如 Arial、Times 或 Georgia？

\n

Answer 1

尽管它是一个极好的资源，但您可能不需要整个FontAwesome字体文件。

\n\n

我经常使用该文件中可能有 10 个可用的字形。如果您加载整个字体 \xe2\x80\x93 ，例如 7,000 个字形 \xe2\x80\x93 ，那么您将消耗不必要的系统资源来定义您永远不会使用的 6,990 个字形。

\n\n

答案：

\n\n

对你的字体进行子集化，优秀的程序员！

\n\n

为此，我使用字体子集服务。它们往往是免费的，并且其网站​​上有易于遵循的说明。有几个，但你可以尝试 fontello： http: //fontello.com

\n\n

我刚刚查看了我在一个网站上使用的一组相当大的图标，大小为 44KB。微小的。快速地。

\n\n

如果您有任何疑问，请告诉我。

\n

Answer 2

您是否考虑过将代码放在页脚中？一些网站声称这会增加加载时间。

或者，关于选择默认字体，是的 - 通过修改 CSS，或更改主题选项中的字体。您应该可以在那里更改它...我不熟悉您的主题，抱歉我无法更具体。