极道
·
如何有条件的实现网页预取？
💡
原文中文，约1800字，阅读约需5分钟。
📝
内容提要
预取策略是一种推测性性能改进，可以在良好的网络条件和可用设备上预取文章。通过使用Intersection Observer API、网络信息API和设备内存API来确定是否获取下一篇文章。预取函数在主线程空闲时通过requestIdleCallback进行调度。
🎯
关键要点
- 预取策略在良好的网络条件和可用设备上进行，旨在提高性能。
- 使用Intersection Observer API检测文章链接的可见性，以决定是否预取。
- 预取会消耗额外的带宽，因此应谨慎使用，以避免不必要的数据使用。
- 使用网络信息API和设备内存API来判断是否获取下一篇文章，确保连接速度至少为3G，设备内存至少为4GB，或设备运行iOS。
- 使用requestIdleCallback检查CPU是否空闲，以便在主线程空闲时执行预取函数。
- 遵守条件可以节省带宽和电池寿命，减少未使用预取的影响。
- 预取函数在启动前检查最低连接质量和设备内存，然后使用IntersectionObserver监视元素可见性，最后通过requestIdleCallback调度预取过程。
➡️
