2016-03-08 187 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/