BewlyBewly项目推荐视频加载机制优化分析

背景介绍

BewlyBewly是一款针对B站(Bilibili)的浏览器插件，旨在提升用户浏览体验。其中"个人推荐"功能允许用户根据时长等条件筛选视频内容。然而，当前版本存在一个影响用户体验的技术问题：当用户设置严格的筛选条件(如只显示30分钟以上的长视频)时，系统可能无法加载足够的推荐视频。

问题现象

用户反馈当设置严格的时长筛选条件后，推荐视频区域仅显示2-3个符合要求的视频，无法填满屏幕。相比之下，同类插件能够持续加载更多符合条件的视频直至填满整个可视区域。

技术分析

1. 加载机制差异

BewlyBewly当前实现中存在两个关键限制：

• 个人推荐视频数量有硬性上限
• 采用滚动触发加载机制

这种设计在常规场景下表现良好，但在严格筛选条件下会出现问题：

1. 筛选后视频数量大幅减少
2. 当筛选结果不足半屏时，用户无法触发滚动事件
3. 无法滚动意味着无法触发后续加载请求
4. 最终导致推荐区域视频数量严重不足

2. 同类插件实现参考

对比同类插件实现，其优势在于：

• 无硬性数量上限
• 采用更智能的加载触发机制
• 能够持续加载直至填满可视区域

优化建议

1. 移除或调整数量上限

建议取消个人推荐的硬性数量上限，或将其设置为可配置选项。这样在严格筛选条件下，系统仍能持续加载更多符合要求的视频。

2. 改进加载触发机制

当前基于滚动触发的加载机制可以优化为：

• 初始加载时自动填满可视区域
• 添加阈值检测，当剩余可见内容不足时预加载
• 考虑添加手动加载更多按钮作为备选方案

3. 增强筛选后的处理逻辑

针对筛选场景特别优化：

• 检测筛选后的视频数量
• 当数量不足时自动触发补充加载
• 提供视觉反馈告知用户加载状态

实现考量

从技术实现角度，这些优化需要考虑：

1. 性能影响：持续加载可能增加API调用频率
2. 用户体验：需要平衡加载速度和内容展示
3. 配置灵活性：提供选项让用户自定义加载行为

总结

BewlyBewly的推荐视频加载机制在常规场景下表现良好，但在严格筛选条件下存在明显不足。通过取消数量限制、改进加载触发逻辑和增强筛选处理，可以显著提升特殊使用场景下的用户体验。这些优化将使插件在功能完整性和用户体验上达到更高水平。