渐进式Web应用程序在性能方面与普通Web应用程序的区别

Mad*_*dhu 4 javascript web-applications web service-worker progressive-web-apps

我一直在阅读关于渐进式网络应用程序,pwa使用服务工作者进行离线缓存以加快性能.但为什么我不能将localstorage用于与服务工作者相同的目的?因此,如果我们没有从api请求获得响应,我们可以从本地存储加载数据.和普通的浏览器缓存资产?

可能这是一个愚蠢的问题,但仍然想到问这个问题.任何建议表示赞赏.

Sha*_*bbY 6

首先,服务工作者运行在与主应用程序不同的线程上.这就是为什么你可以使用服务工作者来提高性能,因为它的操作不会影响你的主应用程序.

您可以使用localstorage在客户端存储数据,但不能将其用于脱机缓存.要从localstorgage获取数据,您需要先加载一个脚本,然后尝试访问localstorage.

SeriveWorkers也存储在客户端中,它们可以拦截网络层.因此,在您的服务工作者中,您可以决定是首先从缓存加载特定路由还是尝试从网络请求它.

结帐此视频可以很好地解释概念:https://www.youtube.com/watch?v = OBfLvqA_E4A