2013-02-11 13 views
7

Sayfamda bazı Google web fontları kullanıyorum. Google verilen kodu kullanarak, ben <head> içinde DNS, Google web fontlarını - hangi alan adı önceden getiriyor?

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

koyduk.
Bu CSS'nin içine bir bakış, gerçek fontun http://themes.googleusercontent.com adresinde barındırıldığını ortaya çıkarır.

Şimdi DNS ön yükleme kullanmak istiyorum, ancak hangi etki alanını kullanmalıyım? http://fonts.googleapis.com, http://themes.googleusercontent.com veya ikisi birden?

cevap

9

ikisi:

Açık prefetches

Tipik tarayıcı sadece yabancı etki alanları için HTML tarar. HTML'inizin dışında olan kaynaklarınız varsa (örneğin, uzak bir sunucuya javascript isteği veya sitenizin her sayfasında bulunmayabilecek içerik barındıran bir CDN), önceden getirilecek bir alan adını sıralayabilirsiniz. .

<link rel="dns-prefetch" href="//example.com"> 
<link rel="dns-prefetch" href="//ajax.googleapis.com"> 

istediğiniz kadar Bunlardan gibi birçok kullanabilirsiniz, ancak bunlar (başın üst kısmında sağ gitmeli) Meta Karakter elemanı sonuçta hemen eğer en iyisi, bu yüzden tarayıcı üzerinde hareket edebilir onları asap.

Kaynak: https://github.com/h5bp/html5-boilerplate/blob/master/doc/extend.md#explicit-prefetches

+0

Süper serin, teşekkür ederim! Fakat eğer bunu doğru anladıysam, eğer fontlar her sayfada görünürse, önceden alma işlemi o kadar anlam ifade etmiyor, çünkü bunlar zaten yüklenir ve önbelleğe alınır. Bunu doğrulayabilir misin? – Sven

+0

Evet, bu benim anlayışımdan doğru; Önizleme, sayfa oluşturmayı içeren farklı sitelerde html olmayan içeriğiniz olduğunda kullanışlıdır. Belki de sayfa yükleme sürelerini önemli ölçüde etkileyip etkilemediğini görmek için, dns önyüklemeniz olmadan etrafta dolaşmayı deneyin. Bakınız: http://tools.pingdom.com/fpt/ – Anew

İlgili konular