服务人员和页面性能

Question

我被困在一个婚礼招待会，我真的不想在和我开车，所以很明显，我正在读服务工作者。我在我的手机上，所以不能玩任何东西，但认为它们是提高页面性能的可行选择？

图片是我网站上最大的杀手，我一半认为我们可以使用服务工作者缓存它们来帮助减少页面加载时间。从我所知道的，浏览器仍然会发出http请求，这只是响应来自SW缓存，而不是文件位置。我在这里错过了什么吗？这样做是否有任何实际好处？

Answer 1

虽然常规http缓存与ServiceWorker缓存有很多重叠，但前者无法很好地处理的一件事是在许多客户端JavaScript应用程序中使用的动态生成的html。 即使应用程序的所有资源都是缓存命中，仍然存在延迟，因为在应用程序可用之前编译并执行了JavaScript。

Addy Osmani has demonstrated how ServiceWorker can be used to cache the Shell of an app.当DOM在客户端被修改时，它在缓存中被更新。下一次请求该URL时，ServiceWorker将使用可在应用程序启动前准备好使用的html进行回复。

其他优势问题lie-fi：看起来网络可用，但没有足够的数据包通过。 ServiceWorkers可以承受近乎难以察觉的超时，因为他们可以立即从缓存和等待响应加载（如果有的话）。

Answer 2

您的考虑因素无效。

服务工作者的设计工作就像一个代理服务器，可以特别处理脱机能力，推送通知，后台同步等一些离页操作。所以在你的情况下，你将不会获得性能优势服务工作者在传统的浏览器缓存方法。