2013-02-11 3 views
7

Ich verwende einige Google Webfonts auf meiner Seite. Mit dem Code Google geliefert, ich habeDNS-Prefetch Google Webfonts - welche Domain?

setzen

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

im <head>.
Ein Blick in dieses CSS zeigt, dass die eigentliche Schriftart unter http://themes.googleusercontent.com gehostet wird.

Jetzt möchte ich DNS-Prefetching verwenden, aber welche Domäne sollte ich verwenden? http://fonts.googleapis.com, http://themes.googleusercontent.com oder beides?

Antwort

9

Beide:

Explicit Vorausabrufungen

Typischerweise tastet der Browser nur die HTML für ausländische Domains. Wenn Sie über Ressourcen verfügen, die sich außerhalb Ihres HTML befinden (eine JavaScript-Anforderung an einen Remoteserver oder ein CDN, das Inhalte hostet, die möglicherweise nicht auf jeder Seite Ihrer Website vorhanden sind), können Sie einen vorab geholten Domänennamen in eine Warteschlange stellen .

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

Sie können so viele von diesen verwenden, wie Sie benötigen, aber es ist am besten, wenn sie alle unmittelbar nach dem Meta Charset Element sind (die an der Spitze des Kopfes rechts gehen sollte), so kann der Browser auf handeln sie so schnell wie möglich.

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

+0

Super cool, danke! Aber wenn ich das richtig verstanden habe, wenn die Schriften auf jeder Seite erscheinen, macht der Vorabruf nicht viel Sinn, weil sie sowieso geladen werden und dann zwischengespeichert werden. Kannst du das bestätigen? – Sven

+0

Ja, das stimmt von meinem Verständnis her; Der Vorabruf ist am nützlichsten, wenn Sie auf verschiedenen Websites, die das Seitenrendering beinhalten, Nicht-HTML-Inhalte haben. Versuchen Sie vielleicht, mit und ohne Ihren DNS-Prefetch herumzustochern, um zu sehen, ob sich dies signifikant auf die Ladezeiten Ihrer Seite auswirkt. Siehe: http://tools.pingdom.com/fpt/ – Anew