Na jakie pytania odpowiada to hasło
- Jaki format zdjęć wybrać: WebP czy JPEG?
- Jak rozmiar zdjęć wpływa na szybkość strony?
Optymalizacja zdjęć: WebP, kompresja, nazewnictwo: wyjaśnienie
Zdjęcia to zwykle 50–70% wagi strony, więc to one decydują o LCP i ogólnej szybkości – zwłaszcza na mobile z siecią 4G.
Standard, który wdrażamy: format WebP (o 25–35% lżejszy od JPEG przy tej samej jakości; AVIF jeszcze wydajniejszy, ale mniej powszechnie wspierany), kompresja do sensownej jakości wizualnej (nie „maksymalna”, tylko ta, której oko nie zauważa na ekranie telefonu), rozdzielczość dopasowana do miejsca wyświetlania (nie ładować zdjęcia 4000 px szerokości do miniatury 400 px – a to wciąż najczęstszy błąd w audytach), srcset/sizes dla responsywnego doboru.
Narzędzia: squoosh.app (jednorazowo), sharp/imagemin w pipeline (automatycznie), w WordPressie wtyczki typu ShortPixel/Imagify konwertujące przy wgrywaniu.
Nazewnictwo plików to warstwa SEO: opisowy slug zamiast numeru aparatu, myślniki, bez polskich znaków (patrz: kodowanie URL).
Data ale: kompresja nie może niszczyć czytelności zdjęcia produktowego – klient musi widzieć fakturę materiału.