TL;DR
- optymalizacja obrazów next.js
- Dla stron z portfolio, blogiem i dużą liczbą zdjęć.
Dla kogo to jest
- Dla stron z portfolio, blogiem i dużą liczbą zdjęć.
Fraza (SEO)
- optymalizacja obrazów next.js
Format i rozmiar
- WebP/AVIF zamiast JPG/PNG gdzie się da
- Nie wysyłaj 4000px na mobile
- Kompresuj przed uploadem (szczególnie admin)
Strategia ładowania
- Pierwsze 1–3 obrazy: priority/eager
- Reszta: lazy
- Unikaj layout shift (stałe wymiary)
Cache i CDN
- Cache-Control dla statycznych
- Immutable dla wersjonowanych
- CDN i optymalizacja obrazów (Next Image)