Почему Lighthouse отказывает в моих кэшированных файлах?

Question

Я использую Google Lighthouse, чтобы рассчитать оценку производительности.Одним из критериев является кэширование статических ресурсов, таких как изображения и сценарии.

У меня нет контроля над всеми ними, но для тех, которые у меня есть контроль над кешем, установлено значение 30 дней.Тем не менее, Lighthouse по-прежнему сообщает об этом как о проблеме.Lighthouse сообщает о том, что имеет 30-дневный кэш, но все еще сообщает о проблеме.

Что мне нужно сделать, чтобы исправить это?

См. Скриншот ниже:

Answer 1

У меня также была 30-дневная политика кэширования, и для меня это исправило добавление значений public и no-cache в заголовок Cache-Control.

Я понял это только во время тестирования хостинга Firebase.против моего старого хоста, который был IIS.Размещенный на IIS сайт проходил, хотя у него было более короткое значение максимального возраста.Я проверил инструменты разработчика сети в chrome и увидел, что в моем IIS web.config под заголовком Cache-Control отсутствуют значения кэша, но в моем firebase.json этих значений не было.После добавления я снова прохожу!

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

Answer 2

Lighthouse предупредит вас, чтобы обслуживал статические активы с эффективной политикой кэширования , если ваш счет для этого аудита не превышает или равен 90. Он также перечислит все ваши статические активы в сводке данных (независимо от того, пройдены они или нет).

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

Вы можете проверить это, сохранив свои результаты в виде файла JSON, открыв его в любом текстовом редакторе и выполнив поиск раздела, содержащего " использует-long-cache-ttl".

Оценка ниже, вероятно, будет меньше 90.

Вы можете узнать больше об этом конкретном аудите, перейдя по этой ссылке:

https://developers.google.com/web/tools/lighthouse/audits/cache-policy