Font Awesome 5 粉碎网站性能答案

【问题标题】：Font Awesome 5 Crushing Site PerformanceFont Awesome 5 粉碎网站性能
【发布时间】：2018-02-16 22:49:11
【问题描述】：

是否有人在使用 Font Awesome 5 时遇到过糟糕的网站性能？包含它与不包含它之间的区别是白天和黑夜，例如，对我来说，页面加载有 15 秒的差异。

我正在从https://use.fontawesome.com/releases/v5.0.6/js/all.js 添加脚本，并且还有其他几个 ajax 调用正在进行（Wordpress 站点使用 Ajax Load More）。但我不明白为什么性能会如此糟糕。它甚至会阻止滚动几秒钟。

【问题讨论】：

【解决方案1】：

Font Awesome 的官方回应是……

您可以考虑改用 CSS 改用 Web 字体。 https://fontawesome.com/get-started/web-fonts-with-css。这可能会让你跑得更顺畅。我不确定您是否使用伪元素，但这是一种非常不高效的方法（我们在文档中对此提出警告）。

切换到网络字体解决了我的问题。

【讨论】：

链接失效
这个问题指的是比当前发布的 FontAwesome 版本更旧的版本，甚至在他们拥有不同的域时。如果您想现在就开始，我建议您从这里开始：fontawesome.com/start

【解决方案2】：

你应该尝试新版本（v5.1.0）：我的性能有了很大的提升，现在我恢复了正常的性能。

【讨论】：