Нужно ли включать большие файлы в сборку PWA для автономной работы?

Question

Я разрабатываю PWA с Vue 3 CLI, который получает часть своего контента из отдельной CMS / API.Приложение представляет собой игру с сенсорным экраном, и основной вариант использования выполняется без подключения к Интернету, хотя пользовательская среда контролируется, и игра может обновляться с помощью последних обновлений, синхронизируемых и кэшируемых через ServiceWorkers, когда это необходимо.

КогдаЯ создаю свое приложение, рекомендации по производительности Webpack предупреждают об активах, превышающих рекомендуемый предел размера;в этом случае вступительное видео (25 МБ) и некоторые файлы шрифтов (по 300 КБ каждый).

Должен ли я обслуживать видео и шрифты (и другие большие файлы) из CMS / API и сохранять сборку приложения Vue каккак можно меньше, учитывая важность автономной работы?Или есть веская причина для упаковки шрифтов и видео в выходные данные сборки Vue JS?

Это мой первый PWA, поэтому я просто жду подтверждения, следовать ли в этом случае рекомендациям Webpack, учитывая приложениеправильная работа в автономном режиме является приоритетом?

Answer 1

Если видео не является обязательным для игры, я бы не кэшировал его по умолчанию, но дал бы пользователю возможность сделать это, если захочет.

У некоторых игроков могут быть планы с низкими квотами на передачу данных ихочу не показывать видео.

Шрифты выглядят как хороший ресурс для помещения в кеш.

Answer 2

Существует ограничение, которое вы можете хранить в зависимости от вашего браузера Сколько вы можете хранить

Лично я бы не рекомендовал хранить такие большие видеофайлы.Если это не абсолютно необходимо для пользователей, работающих в автономном режиме.