对于前端开发人员来说，优化网站的加载速度是必不可少的。而 Node.js 框架 Express.js 提供了路由缓存的功能，能够显著减少请求次数和加快网站的加载速度。但是，了解和应用路由缓存是一项极具挑战性的任务。本文将介绍如何使用Express.js的路由缓存策略来优化网站性能，并提供一些实用的技巧。
什么是路由缓存？
路由缓存是一种 WEB 应用程序优化技术，其目的是减少每个请求的响应时间，以及降低服务器的负载。它工作的原理是缓存来自客户端的 HTTP 请求结果，以便在同一个请求再次到达服务器时，可以避免重新生成响应结果。
Express.js 提供了路由缓存机制，其通过使用 cache-control 响应头告知客户端将数据存储在缓存中，从而减少对服务器的请求。在 Express.js 中，可以在路由定义时使用 cache 和 nocache 方法来实现路由缓存。例如：
app.get('/route', cache({duration: 120}), function(req, res) {
// 处理请求并缓存响应结果
res.send('缓存中的响应结果');
});在上面的示例中，cache 方法用于指定响应结果缓存的时间，并将数据存储在 Express.js 提供的缓存存储中。
为什么需要路由缓存？
路由缓存是前端性能优化的一种有效手段。而在门面 Route 共享，即相同路径不同参数时，路由缓存还有一定的用处。
比如：
app.get('/route/:id', cache({duration: 120}), function(req, res) {
const itemId = req.params.id;
// 读取商品信息
res.send('商品信息');
});在这个示例中，对于同一个商品，如果每次请求都需要服务器重新生成响应，这将会造成额外的系统负担和时间成本。这时，我们就可以使用路由缓存来优化响应速度，提高客户端的体验。
如何优化路由缓存？
在使用路由缓存的同时，我们还需要避免一些常见的问题，这包括：
缓存的过期时间一定要设置合理
缓存的过期时间设置过短会导致缓存失效频繁，从而影响网站的性能；缓存的过期时间设置过长则会导致数据过期，从而产生陈旧的数据。
合理使用缓存 key
缓存 key 可以是请求的路径、参数和请求体等信息。在一些需要鉴权的场景下，可以将用户的 access token 作为缓存 key 的一部分，以确保缓存中的数据仅对该用户可见。
合理使用缓存存储
可以使用内存存储（如 lru-cache 或 memcached）或磁盘存储（如 redis 和 mongodb）等缓存存储。内存存储速度快但容量小，可以适用于一些轻量级的应用，磁盘存储可以存储更多数据但速度相对慢，在使用时应根据实际情况选择。
不缓存具有特定状态码的响应
某些响应状态码不能被缓存，这包括计划维护 (503)、未在服务器中找到 (404)、禁止访问 (403) 和已过期 (410) 的响应。
结论
路由缓存是一种有效的性能优化技术，可以大大降低服务器的负载，加快网站的加载速度。在使用路由缓存时，需要避免一些常见的问题，如过期时间设置不合理、缓存 key 不当、缓存存储选择不当和不缓存具有特定状态码的响应等。
在前端开发中，优化网站性能是一项必要的任务。路由缓存是一个非常有用的技术，可以让你更加高效地处理数据并减少服务器的负载，同时提高网站的加载速度。本文提供了路由缓存用法以及优化技巧的指南，希望能够有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67497ea9a1ce00635462b230