Css 字体加载非常慢

我一直在我的网站上做一些故障排除，因为页面加载似乎很慢。我在每个页面上都有图标，因为网站多次充当博客，每个博客帖子都有共享图标。通过删除字体，我注意到一个极端的速度提高。现在我不知道该怎么做，因为我需要图标。有什么建议吗

更新：

---

我尝试使用我的服务器，我也使用了CDN，但我得到了相同的结果

必须打开缓存吗？ 在Apache服务器上，您可以将以下内容添加到.htaccess中：

 ExpiresActive On
 ExpiresByType text/css "access plus 1 month"
 ExpiresByType text/javascript "access plus 1 month"
 ExpiresByType text/html "access plus 1 month"
 ExpiresByType application/javascript "access plus 1 month"
 ExpiresByType image/gif "access plus 1 month"
 ExpiresByType image/jpeg "access plus 1 month"
 ExpiresByType image/png "access plus 1 month"
 ExpiresByType image/x-icon "access plus 1 month"

---

要获得关于如何加速网站的概述，您可以在以下位置进行测试：

将此加载到您的头脑中：

<script type="text/javascript"> (function() { var css = document.createElement('link'); css.href = 'https://use.fontawesome.com/releases/v5.1.0/css/all.css'; css.rel = 'stylesheet'; css.type = 'text/css'; document.getElementsByTagName('head')[0].appendChild(css); })(); </script>

（function（）{var css=document.createElement（'link'）；css.href='https://use.fontawesome.com/releases/v5.1.0/css/all.css“；css.rel='stylesheet'；css.type='text/css'；document.getElementsByTagName（'head'）[0].appendChild（css）；}（）；

这到底是做什么的？

---

它通过位于页面头部的javascript加载字体。基本上，我们是在呈现页面之前呈现字体，这意味着它应该加载得更快。

您是从CDN加载FA吗？寻求代码帮助的问题必须包含在问题本身中复制它所需的最短代码。看，是的，我是，我也尝试从我的服务器加载，但同样的问题当您包括FA cdn时，您的网络请求是什么样子的？你把它放在你的页面的什么地方？试着把它放在你的页眉里，看看它是否能加快速度。这将异步加载FA。让我知道结果。

（function（）{var css=document.createElement（'link'）；css.href='//netdna.bootstrapcdn.com/font awesome/4.0.3/css/font awesome.min.css'；css.rel='stylesheet'；css.type='text/css'；document.getElementsByTagName（'head'）[0]。appendChild（css）；}）你介意分享一下默认安装方法的功能吗？它通过javascript加载字体awsome，javascript放在页面的开头，阻止加载直到运行。在以前，由于脚本阻止加载，脚本必须位于页面底部，以允许页面呈现。通过这种方式，我们在呈现页面之前加载字体。我将使用此处引用的链接来更新开发：使用回答中提供的原始链接时，一些图标没有为我加载，特别是fa education。更新@ThomasMondel提供的链接就像更新了charmI以使用最新的cdn一样