Проверка подлинности кеша для Google Webfonts

Итак, я создаю ультра оптимизированный сайт, а скорость загрузки страницы с https://developers.google.com/speed/pagespeed/ 99 (из 100 ).

Единственное, что удерживает меня от полной сотни, это:

Указывая валидатор кеша - заголовок Last-Modified или ETag, вы гарантируете, что эффективность кэшированных ресурсов может быть эффективно определена.

Что?! Я не знаю, что мне делать. Как установить проверку подлинности кеша для веб-сайтов google?

У меня есть webfont вот так: <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'>.

Я нахожусь на ubuntu с apache2, если это имеет значение.

Загрузка webfont на сервер и использование его оттуда уменьшает счет до 96, так что это тоже не поможет.

Ответ 1

Вы ничего не можете с этим поделать. Вы не можете контролировать, какие заголовки отправляются сервером google.

Я бы даже зашел так далеко, чтобы сказать, что он сообщает ложный результат, который вы должны исправить.

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

Как вы видите, ресурс кэширован, имеет максимальный возрастный заголовок и даже сжат.

Ваш сайт достаточно быстро! Я бы не стал беспокоиться о получении 100. Возможно, вы прекратите оптимизировать его.

Но если вы хотите поработать еще немного, вот несколько идей по улучшению вещей, я запустил отчет: http://www.webpagetest.org/result/130703_H7_15KM/ p >

Я хочу, чтобы ваш сервер отправил 204 No Content header для вашего несуществующего файла favicon.ico или сделайте его и добавьте его так там нет 404 на ресурсе.
Используйте CDN для своих ресурсов
Использовать прогрессивные jpegs и оптимизировать те, которые вы используете

Ответ 2

Фактически вы можете с <link rel="prefetch" type="text/css" onload="this.rel='stylesheet'" href="fonturl">

Ответ 3

Вот хорошее и чистое решение.

Это 99 баллов действительно хорошо. Однако, если вас беспокоит этот оставшийся 1 балл, вы можете загрузить шрифт Open Sans из библиотеки Easy Fonts, которая решает эту проблему.

<link href="#" onclick="location.href='https://pagecdn.io/lib/easyfonts/open-sans.css'; return false;" rel="stylesheet" />

Полный список шрифтов доступен на веб-сайте Easy Fonts. Есть еще несколько преимуществ использования библиотеки Easy Fonts в производстве. смотрите ответ на этот стек: fooobar.com/info/171263/....