使用应用缓存

应用缓存(也称为 AppCache)已弃用

Lighthouse 应用缓存审核如何失败

Lighthouse 标记使用应用缓存的页面:

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

当 Lighthouse 在页面的 <html> 标记中找到对应用缓存清单的引用时,此审核将会失败。例如,此标记会导致审核失败:

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

使用 Cache API,而不是应用缓存

如需通过此项审核,请从页面中移除清单,并改为通过 Service Worker 使用 Cache API

如需从应用缓存迁移到 Service Worker,请考虑使用 sw-appcache-behavior 库。 此库为应用缓存清单中定义的行为生成基于 Service Worker 的实现。

如需详细了解如何使用 Service Worker 使网站离线工作,请参阅当前页面在离线时没有响应 200 一文。

资源