2013-06-29 7 views
22

Also ich eine ultra optimierte Website erstellen, und meine Seite Ladegeschwindigkeit mit https://developers.google.com/speed/pagespeed/ ist 99 (von 100).Cache-Validierer für Google Webfonts

Das einzige, was mich weg von der vollen hundert halten, ist dies:

durch einen Cache-Validator spezifiziert - eine Last-Modified oder ETag Header - Sie sicherstellen, dass die Gültigkeit der im Cache gespeicherten Ressourcen effizient bestimmt werden kann.

Was ?! Ich weiß nicht, was ich tun soll. Wie lege ich einen Cache-Validator für Google Webfonts fest?

Ich habe den Webfont wie folgt: <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>.

Ich bin auf Ubuntu mit Apache2, wenn das zählt.

Das Herunterladen des Webfont auf den Server und die Verwendung von dort senkt die Punktzahl auf 96, was auch nicht hilft.

Antwort

15

Sie können nichts dagegen tun. Sie können nicht steuern, welche Header der Google-Server sendet.

Ich würde sogar so weit gehen zu sagen, dass es eine falsche positive berichtet, die Sie beheben sollten.

http://redbot.org/?uri=http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DOpen%2BSans%3A400%2C800

Wie Sie die Ressource zwischengespeichert wird sehen können, hat eine maximale Alters Header und wird auch komprimiert.

Ihre Website ist schnell genug! Ich würde mir keine Sorgen machen, 100 zu bekommen. Sie können wahrscheinlich aufhören, es zu optimieren.

Aber wenn Sie etwas mehr basteln wollen, hier ein paar Ideen auf die Dinge zu verbessern, lief ich einen Bericht: http://www.webpagetest.org/result/130703_H7_15KM/

  • ich Ihr Server ein 204 No Content header für inexistent favicon.ico Datei senden hätte ODER machen Sie eins und fügen Sie es hinzu, so dass es keine 404 auf der Ressource gibt.
  • Use a CDN für Ihre Ressourcen
  • Use progressive jpegs und optimieren die, die Sie verwenden
+0

Ich habe eigentlich ein Favicon, und jQuery von Google geladen. Ich mag jpgs nicht, aber ich habe PNGs optimiert :) –

1

Actualy Sie mit <link rel="prefetch" type="text/css" onload="this.rel='stylesheet'" href="fonturl"> können

+1

Irgendwelche Informationen darüber, warum das funktioniert und/oder wo dies dokumentiert ist? –

+0

Es funktioniert, ich weiß darüber aber nur in Chrom von dem, was ich weiß. –

+0

Was ist das? Was tut es? Vielen Dank –

Verwandte Themen