我不完全了解响应式图像的工作方式。因此,如果它不像我认为的那样起作用,那么您可以继续忽略该问题。如果没有的话。
要问这个问题,我来画一幅图,其中开发人员使用工作箱预缓存在服务工作者中缓存一系列图像,并且由于开发人员希望使他的Web应用程序具有响应能力。他必须确保每个图像都有不同的大小,包括大号,中号和小号,所有这些图像由于其易用性而必须缓存(您仅使用全局模式)。但这是问题所在。假设使用智能手机的用户将访问该应用程序并最终仅使用中等大小的图像。因此这意味着大图像和小图像对于该用户没有用,他只是浪费了一些重要的带宽来缓存它们。这将适用于应用程序中所有其他响应的图像。因此,问题是工作箱是否有一种方法(如果使用的话会很大)会根据用户的设备使用媒体查询来了解要为用户缓存的图像。可能会将服务工作者的安装延迟几毫秒,以便验证用户设备以什么尺寸显示图像,从而缓存用户将要使用的图像,然后丢弃其余图像。