测试往返缓存

Sofia Emelianova
Sofia Emelianova
GitHub

本指南介绍了如何使用 Chrome 开发者工具执行以下操作：

  • 测试您是否在使用浏览器的后退和前进按钮时对网页进行了优化，实现了即时加载。
  • 找出可能导致您的网页不符合此类缓存条件的问题。

往返缓存 (bfcache) 是一项浏览器优化功能，可实现即时往返导航。如需了解详情，请参阅往返缓存。

测试往返缓存

如需测试往返缓存，请按以下步骤操作：

  1. 在您的页面上，打开开发者工具，然后导航至应用 > 后台服务 > 往返缓存。

    往返缓存标签页。

  2. 点击测试往返缓存。

    Chrome 会自动将您转到 chrome://terms/，然后再返回到您的网页。

    或者，您也可以点击浏览器的后退和前进按钮。

如果网页往返缓存没有问题，您会看到以下消息：

已成功从往返缓存中提供。

否则，您会看到一个问题列表。

如需了解哪些问题会影响哪些帧，请展开 Frames 展开图标。 部分。

展开的“框架”部分。

解决阻止缓存的问题

如果您的网页不符合往返缓存的条件，往返缓存标签页就会显示一个列表，其中列出了三种原因：

无法储存至往返缓存。

  • 方便操作。您可以解决这些问题以启用缓存。例如，停止使用 unload 事件。
  • 待处理的支持。Chrome 尚不支持这些功能，因此它们会阻止缓存。不过，一旦获得支持，Chrome 便会取消这些限制。
  • 不可操作。您无法在此页面上解决这些问题。网页无法控制的因素会阻止缓存。

如需了解哪个帧是阻塞关口，请展开问题说明下方的相应部分。

阻塞帧。

阻止往返缓存的常见问题

阻止 bfcache 运行的两个主要原因如下：

  • Cache-Control: no-store 标头。

    建议为包含个人信息和私密信息的网页使用此标头值。对于您希望合理刷新的网页，请使用 no-cache 或较短的缓存时间，例如 max-age=60。

  • 卸载处理程序时出现问题。

    Chrome 计划弃用卸载处理程序，并建议一律不使用 unload 事件。

    为确保您的网站不使用卸载处理程序（例如，防止扩展程序添加 unload 事件），请声明 Permissions-Policy: unload=() HTTP 响应标头。