时间戳

首页 > 解决方案 > 工作箱和灯塔我应该预先缓存我的所有图像吗？

vue.js - 工作箱和灯塔我应该预先缓存我的所有图像吗？

问题描述

我正在尝试提高我的灯塔分数，尽管该网站感觉它在空缓存的情况下加载速度非常快，但该分数在 30 时非常差。

我相信这是因为带有 Workbox 的 Vue 应用程序的默认 PWA 设置是预先缓存 src/ 文件夹中的所有内容，因此在首次加载时会在后台下载大量资产：

在此处输入图像描述

您会注意到最大的时间段是空闲时间，我相信它正在下载所有服务工作者预缓存文件。我觉得灯塔将这视为对我不利的加载时间，尽管该网站在发生这种情况时仍然可用。

包含所有网站图片是否正常？理想情况下，我想排除除 src/assets/images/cached/ 文件夹内的所有图像之外的所有图像，但是在 Vue 构建期间，这些图像都被放入单个 dist/img 文件夹中，因此我无法根据目录 url 排除.

标签： vue.jsservice-workerworkboxvue-pwa

解决方案

推荐阅读