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

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

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

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

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


person Rhecil Codes    schedule 20.11.2018    source источник


Ответы (2)


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

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

person André Kelling    schedule 20.11.2018

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

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

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

person Nicolas Hoizey    schedule 26.11.2018