服务器资源利用
- 负载均衡：
- 使用Nginx等负载均衡器，将大量并发请求均匀分配到多个服务器实例上，避免单个服务器过载。例如，通过配置Nginx的轮询（round - robin）、IP哈希（ip - hash）等算法实现请求分发。
- 基于硬件的负载均衡器如F5 Big - IP，提供更强大的负载均衡和流量管理功能，适用于超大规模高并发场景。
- 服务器优化：
- 调整服务器内核参数，如增大文件句柄数（ulimit - n），提高服务器可以同时处理的连接数。
- 合理配置内存，对于Node.js应用，根据业务场景设置合适的堆内存大小（通过
NODE_OPTIONS='--max - old - space - size=8192'等方式设置，单位为MB），避免内存不足或内存浪费。
- 启用HTTP/2协议，相比HTTP/1.1，它支持多路复用、头部压缩等特性，能显著提高数据传输效率，减少延迟。
缓存策略
- 页面级缓存：
- 在服务器端使用内存缓存，如Redis，缓存渲染后的HTML页面。对于不经常变化的页面，可以直接从缓存中读取并返回给客户端，减少重复渲染。例如，设置缓存的过期时间（如
SET key value EX 3600表示缓存1小时），到期后重新渲染。
- 利用浏览器缓存，在HTTP响应头中设置合适的缓存控制字段，如
Cache - Control: public, max - age = 31536000（一年有效期），对于静态资源如CSS、JS文件，浏览器在有效期内可以直接从本地缓存加载，减少服务器压力。
- 数据缓存：
- 对于数据库查询结果进行缓存。在业务逻辑中，先检查缓存中是否有需要的数据，若有则直接返回，避免频繁查询数据库。例如，在Node.js中使用
node - cache库，将数据库查询结果缓存起来，对于相同的查询参数，直接从缓存获取数据。
- 对于一些基础配置数据或不经常变化的字典数据，可以在应用启动时加载到内存中，避免每次请求都查询数据库或其他存储。
代码优化
- Vue SSR代码优化：
- SSR配置优化：合理配置Vue SSR的
renderer选项，如设置clientManifest以优化客户端和服务器端的代码拆分，确保服务器端渲染代码只包含必要的部分，减少渲染时间。
- 异步数据获取：在组件的
asyncData（Nuxt.js）或beforeCreate生命周期钩子中使用异步函数获取数据，利用Promise.all等方法并行获取多个数据，提高数据获取效率。例如：
export default {
async asyncData({ $axios }) {
const [user, posts] = await Promise.all([
$axios.get('/api/user'),
$axios.get('/api/posts')
]);
return { user, posts };
}
}
- 前端代码优化：
- 代码拆分：使用Webpack等工具进行代码拆分，将应用代码拆分成多个小块，按需加载。例如，对于路由组件，可以使用动态导入（
import()），只有在访问该路由时才加载对应的组件代码，减少初始加载时间。
- 优化CSS：避免使用全局CSS，采用局部作用域CSS（如CSS Modules），减少样式冲突和样式文件大小。压缩CSS文件，去除不必要的空格和注释。
- Node.js代码优化：
- 优化模块引入：确保引入的模块是最小化且必要的。避免引入整个大的库而只使用其中一小部分功能，可以考虑引入特定的子模块。例如，对于
lodash库，如果只需要debounce功能，直接引入lodash/debounce而不是整个lodash。
- 使用高效的数据结构和算法：在处理数据时，选择合适的数据结构和算法。例如，对于频繁查找操作，使用
Map或Set而不是普通数组，提高查找效率。
