缓存React/Meter网页



我想加快React/Meter网页的初始加载速度。其中一个想法是缓存数据。所以一切都很好。。。这是在服务人员身上尝试的。这只在"/public/"文件夹下对我来说是可能的,但除此之外,我想缓存来自例如"/client/"的数据,以缓存更多数据。是否可以缓存其他文件夹中的更多数据?

我做了与"步骤1-添加服务人员"中描述的大致相同的操作:https://dev.to/jankapunkt/transform-any-meteor-app-into-a-pwa-4k44

更新:我们仅在没有互联网连接的intranet中使用此网页。

React和Meteor的功能并不是这样的。预计它将有一个高达1MB的JS捆绑包交付给您的客户。一个中等大小的应用程序应该有400-500kb的gzipped捆绑包大小。

不要将公共文件夹用于资产,将所有内容都放在具有边缘缓存的CDN中,如AWS Cloudfront(存储在S3中并通过Cloudfront公开(或任何其他存储。在您的CDN中,您可以设置到期和缓存控制(最长使用期限(,客户端(浏览器(使用它来缓存资产。从CDN交付JS和CSS捆绑包。广泛使用拆分代码(最好是在路由级别(。只要可能,使用异步库来形成映射、播放器等,而不是NPM(它构建在您的捆绑包中(。在PWA环境中,您将缓存捆绑包文件,而不是公用文件夹。您为PWA所遵循的教程是不完整且无用的。它只关注如何在审计中获得绿色徽章,没有任何用处。

还有一件事,Meteor捆绑包的大小会影响Meteor服务器上的流量。这就是为什么您可以更好地从CDN交付捆绑包和所有资产的原因。服务人员缓存更多只会导致闪烁、选项卡和浏览器之间的不一致以及错误。

最新更新