2013-03-26 30 views
2

使用一些自定義字體時,我有兩個選項,可以從我自己的服務器加載表單,也可以加載Google網頁字體。但我擔心哪一個頁面加載時間有效?從自己的服務器中加載谷歌網頁字體或字體的字體,哪一個在頁面加載時間方面更高效?

我使用CSS的方法是

@font-face { 
    font-family: 'MyWebFont'; 
    src: url('webfont.eot'); /* IE9 Compat Modes */ 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('webfont.woff') format('woff'), /* Modern Browsers */ 
    } 

這裏,在加載字體,我也使用cacheing使用字體的版本和裝載來自CDN的字體。

我想加載的字體在大小方面接近36k。

h1 { 
     font-family: 'MyWebFont', Fallback, sans-serif; 
} 

谷歌字體的實現

<link href='http://fonts.googleapis.com/css?family=Caesar+Dressing' rel='stylesheet' type='text/css'> 

h1{ 
    font-family: 'Caesar Dressing', cursive; 
} 

是否有人可以幫助我瞭解其中的一個。應該使用谷歌網頁字體或自定義窗體自己的服務器。在頁面加載時間哪一個最好?

回答

4

從google的cdn下載字體總是會更快,如果不是你(如果你在與你的服務器在局域網中),對於其他人的簡單原因,谷歌CDN服務器將會更快可能更接近他們而不是你的服務器。另外,如果你想更進一步,谷歌還可以在其cdn上託管一些其他有用的東西,你甚至可以從他們那裏獲得jquery,與上面列出的相同優點。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
+1

對我來說,從谷歌的服務器下載比從我們自己的服務器下載慢大約1秒。我們的數據中心就在附近,谷歌的服務器位於世界的另一邊,需要提出多項請求。至少在我的國家,谷歌的本地CDN現在不包括他們的字體託管服務。 – 2013-05-16 03:18:51

+0

@AbhiBeckert有些情況下,谷歌的CDN可能會變慢,但如果你有人從世界各地訪問該網站,平均而言,谷歌的CDN將是最快的選擇。 – 2013-05-16 05:32:24

+5

大多數網站並未獲得來自世界各地的流量。至少,他們只會從與網站所用語言相同的人那裏獲得流量。對於我正在處理該問題的網站,Google的服務器需要1秒左右的時間來處理字體文件,而與我們自己的服務器,它接近30毫秒。我們運行自己的服務器,並且我知道谷歌在與我們同一城市有一個數據中心。如果他們沒有將它用於字體,那麼大概字體服務通常不像其他服務那樣分佈在世界各地。 – 2013-05-16 07:28:58

2
哪一個應使用

取決於你的服務器有多快,在世界何處,您的服務器的位置,並在世界上每一個人網站訪問者的。

谷歌的服務器速度相當快,通常它們會更快。但是有些地區的服務器不好,你應該使用你自己的。