Я разрабатываю PWA с Vue 3 CLI, который захватывает часть своего контента из отдельной CMS / API. Приложение представляет собой игру с сенсорным экраном, и основной вариант использования работает без подключения к Интернету, хотя пользовательская среда контролируется, и игра может быть обновлена с помощью последних обновлений, синхронизируемых и кэшируемых через ServiceWorkers, когда это необходимо.
Когда я создаю свое приложение, рекомендации по производительности Webpack предупреждают об активах, размер которых превышает рекомендуемый предел; в данном случае вступительное видео (25 МБ) и несколько файлов шрифтов (по 300 КБ каждый).
Должен ли я обслуживать видео и шрифты (и другие большие файлы) из CMS / API и сохранять свою сборку приложения Vue как можно меньше, учитывая важность автономной функциональности? Или есть веская причина упаковать шрифты и видео в выходные данные сборки Vue JS?
Это мой первый PWA, поэтому я просто ищу подтверждения, следует ли следовать рекомендациям Webpack в этом случае, учитывая, что приложение, работающее должным образом в автономном режиме, является приоритетом?