缓存是前端性能优化中的一个重要环节。Fastify 是 Node.js 中快速、低开销、基于插件的 Web 框架，也支持缓存配置与优化。在本文中，我们将探讨 Fastify 中缓存的基础知识、配置方法以及性能优化的实现方法。
缓存的基础知识
缓存是指将经常使用的数据临时保存在高速存储器中，在需要时直接从该存储器中获取数据，从而提高数据读取的速度。缓存一般被应用在读取、计算或渲染较为耗时的数据操作上，如静态资源、接口数据等。
常见的缓存方式包括浏览器缓存、服务器缓存以及 CDN 缓存。其中，服务器缓存是应用最广泛的缓存方式。
服务器缓存指将经常被频繁访问的数据保存在服务器端的内存或者硬盘上，以便下一次访问时更快地获取数据。常见的服务器缓存技术包括：内存缓存（如 Redis）、硬盘缓存（如文件缓存）以及 HTTP 缓存（如 Last-Modified 和 ETag）。
Fastify 中的缓存配置
Fastify 的缓存配置依赖于官方提供的 fastify-caching 插件。使用该插件可以将缓存配置简化为一个可复用的通用方案。在使用 fastify-caching 插件前，我们需要安装该插件依赖的 fastify-accepts-serializer 和 fastify-accepts-parser。可以使用以下命令安装：
npm install fastify-caching fastify-accepts-serializer fastify-accepts-parser
fastify-caching 插件提供了两种缓存方式：内存缓存和 Redis 缓存。在配置时，我们需要指定缓存的配置方法和缓存的存储介质。以下是一个基本的 fastify-caching 配置实例：
-- -------------------- ---- -------
----- ------------- - ---------------------------
----- ------- - ---------------------
-- ------
------------------------------- -
-- ------
------- ----
-- -----
---- ------
-- ------
------ ---------
---
-- -- ----- --
------------------------------- -
-- ----- --
------ -
----- ------------
----- -----
--- --
--
-- --------- --
---- ----------------
-- ------
------- ----
-- -----
---- ------
-- ------
------ --------
---针对 fastify-caching 插件提供的缓存配置方法和参数，我们做以下解释：
- stdTTL: 缓存生存期，单位为秒；
- max: 最大缓存数，当缓存数达到最大值时，旧的缓存将被清理；
- store: 缓存分配策略，包括内存缓存（store: "memory"）和 Redis 缓存（store: "redis"）；
- redis: Redis 配置，包括 Redis 服务器的主机、端口和数据库等信息；
- key: 缓存 key 的规则模板，使用 {{key}} 占位符表示缓存的 key 名称，例如 "cache-{{key}}"。
Fastify 中的缓存优化
在 Fastify 中的缓存优化方法包括使用 HTTP 缓存和缓存的筛选。
使用 HTTP 缓存
HTTP 缓存是浏览器缓存和服务器缓存的一种方式，可以有效减少请求的响应时间并降低带宽使用。Fastify 默认启用 HTTP 缓存，支持使用 Last-Modified 和 ETag 等方式配置缓存过期时间。
使用 Last-Modified 方式配置缓存过期：
fastify.get("/", {
lastModified: new Date(),
handler: function (req, reply) {
reply.send({ hello: "world" });
},
});使用 ETag 方式配置缓存过期：
fastify.get("/", {
etag: "12345",
handler: function (req, reply) {
reply.send({ hello: "world" });
},
});缓存的筛选
缓存的筛选指对需要缓存的数据进行筛选和控制，避免缓存过多无用数据从而影响缓存效果。具体的实现方法包括：
- 根据业务数据选择缓存：只缓存业务需求的数据，避免缓存无关紧要的数据；
- 缓存分层：针对首页和详情页等内容，分别设置不同的缓存层级，避免缓存过多；
- 针对用户缓存：对于需要考虑用户个人特性的数据，可以针对不同用户设置不同的缓存内容，提高缓存效率。
以下示例为使用 Fastify 缓存分层的实现方法：
-- -------------------- ---- -------
----- ------------- - ---------------------------
----- ------- - ---------------------
-- ------
-------- ------------------------ -
------ ------- -
-- ------ --
---- -------
------------------------- -- -- -
------ -------------------------
---
------ --------------------------
-- ------ ---
---- ------
------------------------ -- -- -
------ -------------------------
---
------ -------------------------
-- ------ ---
---- ------
------------------------ -- -- -
------ --------------
---
------ -------------------------
--------
------ --------- --- --- ------
-
-
-- ----
---------------- --------- ------ -- -
--------------------------------------
---
-- ------
------------------------------- -
------- ----
---- ------
------ ---------
---
-- -- ----- --
------------------------------- -
------ -
----- ------------
----- -----
--- --
--
---- ----------------
------- ----
---- ------
------ --------
---总结
使用 Fastify 中的缓存配置和优化方法，可以有效地提高 Web 应用的性能，减轻服务器负载，降低带宽使用，提升用户体验。 在实践中，我们需要根据应用的实际需求，选择合适的缓存方案，避免缓存数据的无用增加，从而实现 Web 应用的高效运行。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ccab5d5ad90b6d042a7894