web-dev-qa-db-ja.com

Google Webfontsのキャッシュ検証ツール

だから私は超最適化されたサイトを作成しています、そして https://developers.google.com/speed/pagespeed/ での私のページ読み込み速度は99（out of 100）。

私を百人から遠ざける唯一のことはこれです：

キャッシュバリデーター（Last-ModifiedまたはETagヘッダー）を指定することで、キャッシュされたリソースの有効性を効率的に判断できるようになります。

何？！どうすればいいかわかりません。 Google Webフォントのキャッシュバリデーターを設定するにはどうすればよいですか？

私はこのようなウェブフォントを持っています：<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>。

それが問題なら、私はApache2でubuntuにいます。

サーバーにwebfontをダウンロードして使用すると、スコアが96に下がるので、どちらも役に立ちません。

cachingoptimizationapache2google-pagespeedetag
23
user1537415

それについては何もできません。 Googleサーバーが送信するヘッダーを制御することはできません。

私が修正する必要のある誤検知を報告しているとまでは言っておきます。

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

ご覧のとおり、リソースはキャッシュされ、max ageヘッダーがあり、圧縮されています。

あなたのサイトは十分に速いです！私は100になることを心配していません。おそらく最適化をやめることができます。

しかし、さらに工夫したい場合は、改善するためのいくつかのアイデアを以下に示します。レポートを作成しました： http://www.webpagetest.org/result/130703_H7_15KM/

15
Anthony Hatzopoulos

これが素敵でクリーンなソリューションです

その99点は本当に良いです。ただし、残りの1スコアが気になる場合は、この問題を修正するEasy FontsライブラリからOpen Sansフォントをロードできます。

<link href="https://pagecdn.io/lib/easyfonts/open-sans.css" rel="stylesheet" />

完全なフォントリファレンスは Easy Fonts Webサイトで入手できます。 Easy Fontsライブラリを本番環境で使用すると、さらにいくつかの利点があります。このstackoverflowの回答を参照してください： https://stackoverflow.com/a/57073920/369005 。

1
5377037

実際には<link rel="prefetch" type="text/css" onload="this.rel='stylesheet'" href="fonturl">でできます

0
Bican M. Valeriu