Оптимизация картинок критична для производительности, особенно в Vue 3 SPA. Основные проблемы без оптимизации:
1. **Размер страницы** - большие изображения увеличивают время загрузки
2. **CLS (Cumulative Layout Shift)** - неоптимизированные картинки могут вызывать прыгающий интерфейс
**Оптимизационные подходы в Vue 3:**
```html
```
**Дополнительно:**
- Используйте CDN с автоматической оптимизацией (Cloudinary, Imgix)
- Для статики - прекомпилируйте через vite-plugin-image-optimizer
- Динамические изображения - сжимайте на бэкенде перед отдачей
