Javascript 服务人员和页面性能

Javascript 服务人员和页面性能,javascript,image,performance,http,service-worker,Javascript,Image,Performance,Http,Service Worker,我被困在一个我真的不想参加的婚宴上,我在开车,所以很明显我在读关于服务人员的书。我在手机上,所以不能玩任何东西,但我在想,它们是否是提高页面性能的可行选择 图像是我网站上最大的杀手,我有一半的想法是我们可以使用服务人员来缓存它们,以帮助缩短页面加载时间。据我所知,浏览器仍然发出http请求,只是响应来自软件缓存,而不是文件位置。我是不是遗漏了什么?因此,这样做有什么实际好处吗 您的对价无效 Service worker的设计就像一个代理服务器,特别可以处理一些页外操作,如脱机功能、推送通知、后台

我被困在一个我真的不想参加的婚宴上,我在开车,所以很明显我在读关于服务人员的书。我在手机上,所以不能玩任何东西,但我在想,它们是否是提高页面性能的可行选择


图像是我网站上最大的杀手,我有一半的想法是我们可以使用服务人员来缓存它们,以帮助缩短页面加载时间。据我所知,浏览器仍然发出http请求,只是响应来自软件缓存,而不是文件位置。我是不是遗漏了什么?因此,这样做有什么实际好处吗

您的对价无效


Service worker的设计就像一个代理服务器,特别可以处理一些页外操作,如脱机功能、推送通知、后台同步等。因此,在您的情况下,与传统浏览器的缓存方法相比,使用service worker缓存图像不会获得任何性能好处。

您的考虑是无效的


Service worker的设计就像一个代理服务器,特别可以处理一些页外操作,如脱机功能、推送通知、后台同步等。因此,在您的情况下,与传统浏览器的缓存方法相比,使用ServiceWorker缓存图像不会获得任何性能优势。

虽然常规http缓存与ServiceWorker缓存有很多重叠,但前者不能很好地处理许多客户端javascript应用程序中使用的动态生成html。 即使应用程序的所有资源都是缓存命中,在应用程序可用之前编译和执行javascript仍然会有延迟

Addy Osmani在客户端修改DOM时,会在缓存中更新它。下一次请求URL时,ServiceWorker将使用在应用程序启动之前准备好使用的html进行回复


另一个优点是:当网络似乎可用,但没有足够的数据包通过时。ServiceWorker可以承受几乎无法察觉的超时,因为他们可以立即从缓存提供服务,并等待加载响应(如果有)。

而常规http缓存与ServiceWorker缓存有很多重叠,前者不能很好地处理的一件事是许多客户端javascript应用程序中使用的动态生成的html。 即使应用程序的所有资源都是缓存命中,在应用程序可用之前编译和执行javascript仍然会有延迟

Addy Osmani在客户端修改DOM时,会在缓存中更新它。下一次请求URL时,ServiceWorker将使用在应用程序启动之前准备好使用的html进行回复


另一个优点是:当网络似乎可用,但没有足够的数据包通过时。服务人员可以承受几乎无法察觉的超时,因为他们可以立即从缓存提供服务,并等待加载响应(如果有)。

我也这么怀疑。我真的很想坐下来更深入地研究它们。谢谢,我也这么怀疑。我真的很想坐下来更深入地研究它们。谢谢