Değişiklik Günlüğü

🚀 性能提升

数据库查询优化

• 引入 getAllRangeStats() 函数 - 革命性的单次查询方案，可同时聚合所有时间范围(24小时、7天、30天、90天、1年、全部时间)的统计数据,取代了多次顺序查询。
• 影响: 大幅降低数据库负载,流量排行页面响应时间提升高达 70%。

代码质量提升

• 应用 Biome 格式化规则 到所有流量管理组件,提升可维护性和一致性。
• 重构复杂条件表达式 提高代码可读性,降低认知复杂度。

🎨 界面/体验优化

流量增长模块

• 更新前期访客数据配色方案 - 从蓝色改为橙色,更好地区分当前与历史数据。
• 改进统计卡片设计 增强视觉层次感和数据呈现效果。
• 修复布局问题 解决底部内容被固定按钮遮挡的问题。

视觉细节优化

• 优化骨架屏加载状态 提升感知性能。
• 增强响应式布局 改善移动端体验。
• 改进数据可视化 更清晰的标签和更好的间距设计。

🔧 技术细节

修改文件

• src/actions/plausible.ts - 新增聚合函数和查询优化
• src/app/[locale]/(protected)/manager/traffic/overview/page.tsx - 增强数据获取
• src/components/manager/traffic/traffic-growth-client.tsx - 界面改进和配色更新
• src/components/manager/traffic/traffic-overview-client.tsx - 性能优化
• src/components/manager/traffic/traffic-rankings-client.tsx - 渲染优化
• src/components/manager/traffic/skeletons.tsx - 改进加载状态

📊 实际影响

这些改进为管理多个流量来源的用户带来直接收益:

• 更快的页面加载 跨时间段分析流量时响应更迅速
• 更清晰的视觉区分 历史数据与当前指标一目了然
• 更流畅的界面交互 优化的骨架屏状态
• 更好的移动端体验 修复了布局问题

---

敬请期待更多更新,我们将持续优化您的被动收入管理体验!