Milten.ioMilten

测试前后缓存

Back/Forward Cache兼容性分析,实现即时导航

优势

即时导航检测
全面检查每个页面的Back/Forward Cache资格,确保用户体验到即时的前进和后退过渡。
阻塞原因详解
详细报告每个页面无法被缓存的确切原因——从unload监听器到Cache-Control头部和打开的连接。
多页面爬取分析
自动扫描整个站点,在一次运行中发现所有页面的bfcache问题,按影响程度排序。
可操作的修复建议
清晰的分步指导,帮助解决每个阻塞原因,使页面符合bfcache条件并实现即时加载。

它是如何工作的

工具

速度扫描器
INP 调试器
测试前后缓存
内存泄漏
React Scan

FAQ

BFCache是一种浏览器优化,在用户离开页面时将页面的完整快照存储在内存中。当用户按下后退或前进按钮时,页面会即时恢复,而不需要重新获取和重新渲染。

常见的阻塞因素包括unload事件监听器、Cache-Control: no-store头部、打开的WebSocket或IndexedDB连接以及某些HTTP头部。报告会列出每个页面的确切原因。

从bfcache恢复的页面会报告接近零的LCP、FCP和CLS值,因为它们是即时显示的。启用bfcache可以显著提高CrUX数据中的整体Web Vitals分数。

BFCache在Chrome、Firefox和Safari中均受支持。每个浏览器的资格标准可能略有不同,但消除常见阻塞因素对所有浏览器都有益。

现代分析库使用Beacon API或pagehide/visibilitychange事件代替unload。切换到这些替代方案可以在启用bfcache的同时保持数据追踪。
我们使用 Cookie

我们使用 Cookie 以确保您在我们的网站上获得最佳体验。有关我们如何使用 Cookie 的更多信息,请参阅我们的 Cookie 政策