渲染策略
| 页面类型 | 渲染方式 | 说明 |
|---|---|---|
| 产品/服务/案例 | SSG | 更新频率低，发布时生成静态页，性能最优 |
| 资讯 | ISR | 增量静态再生成，设置revalidate时间（如60秒），兼顾时效与性能 |
| 首页/列表页 | ISR | 短时缓存（如5分钟），新内容发布后触发缓存失效 |
| 后台页面 | CSR | 纯客户端渲染，无需SEO考虑 |
缓存策略
- 页面缓存：SSG页面由CDN直接服务；ISR页面在CDN层缓存，过期后回源再生成
- 数据缓存：实体详情与关联数据使用Redis缓存，TTL按更新频率分级（产品/服务1小时，资讯5分钟）
- 缓存失效：反馈/评论审核通过或下架时，触发关联产品/服务页面的缓存失效；内容发布/下线时清除对应列表页与详情页缓存
图片处理
- 上传时自动生成3档缩略图（small/medium/large），列表页使用small，详情页使用medium或large
- 自动转换为WebP格式；支持AVIF的浏览器优先提供AVIF
- 图片走CDN，启用懒加载（loading="lazy"），首屏关键图片除外
- 所有图片必须填写ALT文本，既是SEO要求也是无障碍要求
静态资源
- JS/CSS打包压缩，启用tree-shaking与代码分割
- 静态资源文件名含content hash，配合CDN长期缓存
- 字体文件子集化，仅包含页面实际使用的字符
性能目标
Core Web Vitals目标：
- LCP（最大内容绘制）< 2.5秒
- INP（交互到下一次绘制）< 200毫秒
- CLS（累积布局偏移）< 0.1