Я не совсем понимаю, как работают адаптивные изображения.так что если это не сработает так, как я думаю, то вы можете продолжить и проигнорировать этот вопрос.Если нет, то здесь.
Чтобы задать этот вопрос, позвольте мне нарисовать рисунок, на котором разработчик использует предварительную кэш-память рабочей области для кэширования серии изображений в сервис-работнике и поскольку разработчик хочет, чтобы его веб-приложение отвечало требованиям.Он должен убедиться, что каждое изображение имеет разные размеры, некоторые большие, некоторые средние и другие маленькие, и все эти изображения ему придется кэшировать, так как это легко (вы просто используете шаблон glob).но вот проблема.Допустим, пользователь, использующий смартфон, посетит приложение и в конечном итоге использует только изображение среднего размера.так что это означает, что большое изображение и маленькое являются бесполезными для этого пользователя, и он просто потратил некоторые важные полосы пропускания, кешируя их.И это будет относиться ко всем другим изображениям в приложении, которые реагируют.Таким образом, вопрос заключается в том, существует ли способ (очень большой, если) для рабочей коробки, чтобы использовать медиа-запросы, чтобы узнать изображения для кэширования для пользователя на основе устройства пользователя.Возможно, отложите установку сервисного работника на несколько миллисекунд, чтобы проверить, в каком измерении устройство пользователя отображает изображения и, таким образом, кэширует те изображения, которые пользователь будет использовать, а затем отбрасывает остальные.