Реализация кэширования изображений в мобильном приложении
Изображения — одна из главных причин видимых тормозов в мобильных приложениях. Скролл ленты с аватарками дёргается не потому что устройство слабое, а потому что декодирование JPEG происходит на main thread в момент, когда ячейка уже должна отображаться. Правильный кэш решает это, но «просто добавить Glide» и «правильно настроить кэширование» — разные задачи.
Стандартные решения и где они буксуют
Android: Glide и Coil — наиболее распространённые библиотеки. Glide при дефолтных настройках кэширует в двух уровнях: memory cache (LruCache с размером, производным от доступной памяти) и disk cache (DiskLruCache). Coil написан на Kotlin Coroutines и лучше интегрируется с Compose через AsyncImage. Проблема возникает когда размер изображений в сети не совпадает с размером ImageView: Glide по умолчанию кэширует уже трансформированное изображение (под конкретный размер view), что приводит к промахам кэша при разных размерах одного и того же URL.
iOS: NSCache + ручная логика или библиотеки Kingfisher и SDWebImage. Kingfisher — де-факто стандарт для SwiftUI через .setImage(with:). Проблема, которую видим регулярно: кэш не учитывает Cache-Control заголовки сервера, и устаревшие изображения показываются пользователю, пока TTL не истёк вручную.
React Native: react-native-fast-image поверх Glide/SDWebImage. Стандартный Image в RN не имеет нормального диска-кэша — картинки грузятся заново при каждом монтировании компонента, что заметно при навигации между экранами.
Что реально настраиваем
Многоуровневый кэш: L1 в памяти (быстрый, небольшой — 20-30 МБ), L2 на диске (медленнее, большой — 200-500 МБ). Размеры подбираются исходя из характера контента: в новостном приложении с большим количеством уникальных изображений disk cache важнее, в мессенджере с аватарками — memory cache.
Placeholder и error-state — отдельно. Показывать пустое место пока грузится картинка — хуже, чем показывать скелетон. Error state должен быть явным, но не ломать вёрстку.
Предзагрузка (prefetch) для списков: загружать следующие N изображений заранее, пока пользователь ещё не доскролил до них. В RecyclerView — через RecyclerView.RecycledViewPool + DiffUtil. В UITableView — через prefetchDataSource (доступен с iOS 10).
Инвалидация кэша: URL с версией (/avatar.jpg?v=42) или ETag. Без стратегии инвалидации пользователи видят устаревшие аватарки после смены фото профиля.
Сроки реализации — два-четыре рабочих дня в зависимости от платформы и сложности контента.