Это правило срабатывает, когда PageSpeed Insights обнаруживает, что ответ вашего сервера не содержит четкого заголовка кэша или что некоторые ресурсы указаны для кэширования только в течение небольшого периода времени.

Обзор

如果用戶會(huì)多次訪問您的網(wǎng)站，那么靜態(tài)資源的瀏覽器緩存可以節(jié)省用戶的時(shí)間。緩存標(biāo)頭應(yīng)當(dāng)應(yīng)用到所有可緩存的靜態(tài)資源中，而不僅僅是應(yīng)用到一小部分靜態(tài)資源（例如，圖片）中?？删彺娴馁Y源包括JS和CSS文件、圖像文件及其他二進(jìn)制對(duì)象文件（媒體文件和PDF文件等）。通常情況下，HTML不是靜態(tài)資源，默認(rèn)情況下不應(yīng)被視為可緩存資源。您應(yīng)考慮哪些緩存政策適用于您網(wǎng)站的HTML。

建議

Включить кэш браузера для вашего сервера. Статический ресурс должен иметь срок действия кэша не менее недели. Сторонние ресурсы, такие как реклама или виджеты, также должны иметь срок действия кэша как минимум один день. Для всех кэшируемых ресурсов рекомендуем следующие настройки:

• бытьExpiresустанавливается как будущая дата, минимум неделя, максимум год (мы склоняемся к тому, чтобы установитьExpiresбез установкиCache-Control: max-age，因?yàn)榍罢呤苤С值姆秶鼮閺V泛）。請(qǐng)勿將其設(shè)為超過一年的將來日期，因?yàn)檫@樣就違反了RFC準(zhǔn)則。
• 如果您知道資源將具體在何時(shí)發(fā)生變化，則可以設(shè)置較短的過期日期。然而，如果您認(rèn)為資源“可能將要發(fā)生變化”，但又不知道具體時(shí)間，則應(yīng)設(shè)置較長(zhǎng)的過期日期，并使用網(wǎng)址指紋（如下所述）。

Заголовки Expires и Cache-Control: max-age

Эти заголовки используются для указания соответствующего периода времени, и браузер может использовать кэшированные ресурсы в течение указанного периода времени, не просматривая, предоставляет ли веб-сервер новую версию ресурса. Эти заголовки кэша мощны и не ограничены какими-либо условиями применения. После установки этих заголовков и загрузки ресурса браузер не будет выдавать никаких запросов GET для ресурса, если только срок истечения срока действия не истечет или не достигнет максимального значения времени, или если пользователь не очистит кэш.

Last-Modifed和ETag標(biāo)頭

Эти заголовки могут быть использованы для указания того, как браузер должен определять, идентичны ли файлы, используемые для кэширования. НаLast-ModifiedВ заголовке указана дата, а вETag標(biāo)頭中指定的則可以是唯一標(biāo)識(shí)資源的任意值（通常為文件版本或內(nèi)容哈希值）。Last-ModifiedЯвляется заголовком кэша с ? более слабым ? функционалом, так как браузер использует метод пробного зондирования, чтобы определить, нужно ли захватывать контент из кэша.

С помощью этих заголовков браузер может эффективно обновлять свои кэшированные ресурсы, выдавая условный запрос GET, когда пользователь однозначно перезагружает страницу. Условные GET-запросы не возвращают полный ответ, если вы не измените ресурс на стороне сервера, поэтому такие запросы имеют меньшую задержку по сравнению с полными GET-запросами.

我應(yīng)使用哪個(gè)緩存標(biāo)頭？

Использование отпечатков пальцев на веб-сайте

Для ресурсов, которые время от времени меняются, мы можем позволить браузеру кэшировать соответствующий ресурс до тех пор, пока этот ресурс не изменится на сервере, а сервер в этот момент уведомляет браузер о наличии новой версии доступной. Мы можем добиться этого, указав уникальный веб-сайт для каждой версии ресурса. Например, предположим, что у нас есть ресурс под названием ? my_stylesheet.css?. Мы можем переименовать файл в ? my_stylesheet_fingerprint.css?. При изменении ресурса меняется его отпечаток пальца, а вместе с ним и соответствующий веб-сайт. Как только сайт был изменен, система заставляет браузер заново захватывать ресурс. С помощью отпечатков пальцев мы можем даже установить будущие даты истечения срока действия для ресурсов, которые меняются чаще.

Распространенным методом распознавания отпечатков пальцев является использование 128-битного шестнадцатеричного числа, кодирующего хеш-значение содержимого файла.

Другой стратегией является создание новой версии каталога непосредственно для новой версии приложения, а затем размещение всех ресурсов для отдельных версий в каталоге версии. Недостатком этого является то, что если ресурсы в различных версиях не изменяются, то их веб-сайты все равно будут изменяться для обязательной повторной загрузки. При использовании хэш-значения контента проблема не встречается, но этот подход несколько сложнее.

?

Except as otherwise noted, the content of this page is licensed under the?Creative Commons Attribution 3.0 License, and code samples are licensed under theApache 2.0 License. For details, see our?Site Policies.