Как можно ускорить загрузку файлов с сервера?

Question

[dark_king_13]

Делаю сайт для творческого конкурса, на который пользователи могут выгружать свои работы, каждый может отправить по 3 работы, каждая из каторых может состоять из 6 картинок (каждаю до 1МБ) или видео (до 3 мин) и превью. Естественно много страниц, на которые этот контент нужно подгружать. И грузится это всё очень долго, у меня это работает так:

• Пользователь закидывает в форму файлы
  
• Файлы переписываются в base64
  
• Через axios отправляю данные на сервер
  
• base64 записывается в файл на сервере, а данные о работе в бд MongoDB
  
• При переходе на страницу происходит запрос по статусу и номинации работ, по записям в бд находятся нужные файлы
  
• base64 считывается в массив построчно (в одном файле до 6 строк картинок) и отправляется на клиент
  
• На клиенте Nuxt генерирует компоненты, в которые закидывает base64 и инфу о работе
  

Грузится это очень долго, как это возможно ускорить?

Comments

[dark_king_13]

Ссылка на сайт: art-visualis.ru/results
можете сами посмотреть

[Дмитрий Беляев]

Файлы переписываются в base64

Зачем? можно же грузить как есть...

base64 записывается в файл на сервере, а данные о работе в бд MongoDB

насколько понимаю, что-то вроде

fs.writeFile('...', Buffer.from(data, 'base64'), err => ...)

? Опять же, если не извращаться с base64 - можно убрать все в фон: req.pipe(fs.createWriteStream('...'));

base64 считывается в массив построчно (в одном файле до 6 строк картинок) и отправляется на клиент

а это вообще nginx'у оставьте, он лучше с раздачей файлов справится

[Radjah]

> Файлы переписываются в base64
А зачем? o_0

[dark_king_13]

Дмитрий Беляев, я для получения данных от пользователя готовые модули использовал, они мне в base64 выдают контент.
А как работа с base64 может замедлять работу? после того, как получил данные с модуля в base64, я их потом никак не переписываю в jpg, а оставляю в base64.
Если их сохранять сразу в виде jpg и mp4, разве быстрее будет?

[dark_king_13]

Дмитрий Беляев, с nginx в жизни не работал, даже толком не понимаю что это

[Дмитрий Беляев]

dark_king_13, nginx - это быстрый асинхронный веб-сервер + реверс-прокси на http/fastCGI - он более эффективно будет раздавать статику, чем любое из имеющихся решений на node, и для этого Вам не придется писать код, что то же важно, ибо гарантированно нет ошибок только в 1 варианте кода - в коде которого нет.

base64 занимает место на треть больше оригинала, это трафик пользователя... и если при инлайне картинок в js/css Вы еще можете выиграть за счет отсутствия доп запросов, то в Вашем случае он лишь создает лишнюю нагрузку на сеть. Ну и декодинг его, хоть и быстрый, но не бесплатный.

[dark_king_13]

Дмитрий Беляев, Спасибо за разъяснение