Pingdom 速度テストを実行してファイル リクエスト セクションを表示すると、テスト サーバーは、以下のように標準の @font-face css を使用して宣言された、私のサイトから各フォントの .woff2 と .woff の両方のバージョンをダウンロードすることに気付きました。
@font-face
{
font-family:'Roboto Condensed';
src:url('../fonts/roboto-condensed-v16-latin-regular.woff2')
format('woff2'),url('../fonts/roboto-condensed-v16-latin-regular.woff')
format('woff');
font-weight:400;
font-style:normal;
}
(私は Google フォントを自分でホストしています。)
したがって、基本的に 8 つのフォントを使用すると、テスト サーバーは実際には必要のない 8 つの追加の .woff ファイルを要求します。
なぜこうなった?Chrome/Firefox 開発者ツールを使用してサイトをテストしたところ、期待どおりに .woff2 のみが取得されました。これは Pingdom のバグですか?
興味深いことに、fontawesome css も .woff2 と .woff の両方のバージョンを参照しているにもかかわらず、テスト サーバーは FontAwesome の .woff2 バージョンのみを要求していることに気付きました。