Question

我一直在对我的网站进行一些故障排除，因为页面加载似乎非常慢。我在每个页面上都有图标，多次因为网站作为博客，每个博客帖子都有共享图标。通过删除字体真棒我注意到极端的速度提升。现在我不确定该怎么办，因为我需要这些图标。有什么建议？

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

Answer 1

将它加载到你的头脑中：

<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>

这究竟是做什么的？好吧，它通过javascript加载字体真棒，它位于页面的头部。基本上我们在渲染页面之前渲染字体很棒，这意味着它应该加载更快。

Answer 2

必须打开缓存吗？在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"

要了解如何加快网站速度，请访问：https://developers.google.com/speed/pagespeed/insights/

Font Awesome正在加载非常慢

2 个答案: