Кейс из фронтенда: команда сделала загрузку аватаров, предпросмотр PDF и скачивание CSV. На тестах всё работал

Кейс из фронтенда: команда сделала загрузку аватаров, предпросмотр PDF и скачивание CSV. На тестах всё работало. В проде через 20–30 минут сессии начинали расти по памяти, вкладка подвисала, а браузер у части пользователей падал.

Контекст:
— файлы открывались через временные URL
— превью создавались, но не закрывались
— большие медиа держались в памяти дольше, чем нужно

Действие:
1. Ввели Blob API как отдельный слой обработки файлов.
2. Разделили сценарии: загрузка, preview, download.
3. Для каждого временного объекта добавили явный lifecycle: создать → использовать → освободить.
4. Проверили, что после скачивания и закрытия превью ссылки и буферы не висят в памяти.

Результат:
— исчезли утечки при длинных сессиях
— браузер перестал деградировать на медиафайлах
— SLA по стабильности фронта стал предсказуемым

Вывод простой: файл в интерфейсе — это не «показали и забыли», а процесс с точкой входа, точкой выхода и обязательной утилизацией ресурсов 🧩