使用应用缓存

应用缓存（也称为 AppCache） 已弃用。

Lighthouse 应用缓存审核如何失败

Lighthouse 会对使用应用缓存的页面进行标记：

显示页面使用应用缓存的 Lighthouse 审核

如果 Lighthouse 发现 在网页的 <html> 标记中添加应用缓存清单。 例如，此标记会导致审核失败：

<html manifest="example.appcache">
  ...
</html>

使用 Cache API 替代应用缓存

要通过此项审核， 从网页中移除清单 并使用 Cache API 通过Service Worker 。

要从应用缓存迁移到 Service Worker， 可以考虑使用 sw-appcache-behavior 库。 此库会生成基于 Service Worker 的行为实现， 应用缓存清单中定义的应用缓存

请参阅帖子“当前页面在离线时没有响应，并返回 200”帖子 详细了解如何使用 Service Worker 确保网站正常运行 离线使用。

资源