Next.js: Оптимизация изображений — компромиссы и trade-offs

Optimizer не всегда нужен; двойная оплата CDN и serverless cache miss — реальные costs.

Разбор

• Когда НЕ optimizer: tiny inline icons (SVG), или mature image CDN (Cloudinary/imgix). Тогда custom loader — next/image layout/lazy-load, ваш CDN resize. Не платить двум optimizers.
• Optimizer costs compute и cache. Serverless cache miss — billable transformation, first hit slow. High-traffic — dedicated CDN или unoptimized + pre-generated variants дешевле.
• AVIF smaller, slower encode. First-request latency для AVIF реальна — encode CPU vs bytes on wire. Часто worth it, не always.
• fill без sizes — footgun — работает, выглядит fine, silently overserves largest image везде, бьёт metric ради которого взяли component.

Итог

Trade-off: built-in optimizer vs existing CDN; sizes обязателен для fill.