2016-03-08 203 views
2

我一直在我的网站上做一些故障排除,因为页面加载看起来非常缓慢。我在每个页面上都有图标,多次作为网站用作博客,每篇博文都有共享图标。通过删除字体真棒,我注意到一个极端的速度提升。现在我不确定要做什么,因为我需要图标。有什么建议么?字体真棒加载非常缓慢

更新: 我试过使用我的服务器,我也使用CDN,但我得到了相同的结果。

+0

您是否正在从CDN装载FA? – theoutlander

+0

寻求代码帮助的问题必须包括在问题本身**中重现**所需的最短代码。请参阅[**如何创建一个最小,完整和可验证的示例**](http://stackoverflow.com/help/mcve) –

+0

是的,我也尝试从我的服务器加载,但同样的问题 –

回答

9

加载此进你的头:

<script type="text/javascript"> (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); })(); </script> 
+0

你介意通过默认安装方法共享这些吗? – Matt

+0

它通过放置在页面块头加载直到运行的JavaScript加载字体awsome。 早些时候,脚本必须位于页面的底部,以允许由于脚本阻止加载而渲染页面。这样我们在渲染页面之前加载字体。 –

+0

我会使用这里引用的链接来保持开发的最新状态:https://www.bootstrapcdn.com/fontawesome/ –

0

必须打开缓存吗? 上的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/