Angular SSR缓存功能如何解决长尾请求导致的性能瓶颈问题？

本文共计876个文字，预计阅读时间需要4分钟。

关于通过Angular Universal渲染的页面源代码，我们有两种缓存方式：HTTP cache和使用网络缓存。这两种方式都是为了在服务器上设置正确的响应标头。它们指定了缓存生存期和缓存策略。

关于通过 Angular Universal 渲染出的页面源代码，我们有两种缓存方式：

• HTTP cache

使用网络缓存时，一切都是为了在服务器上设置正确的响应标头。 它们指定缓存生存期和缓存策略。一个

例子如下：

Cache-Control: max-age = 31536000

此选项适用于未经授权的区域和存在长时间不变数据的情况。

• In Memory cache

内存缓存可用于应用程序本身的渲染页面和 API 请求。 两种使用场合都通过开发包@ngx-ssr/cache提供。

将 NgxSsrCacheModule 模块添加到 AppModule 以缓存 API 请求并在浏览器中的服务器上。

maxSize 属性负责最大缓存大小。 值 50 表示缓存将包含超过 50 个来自应用程序的最后 GET 请求。

maxAge 属性负责缓存生命周期。