Słownik pojęć

Szybkość

WebP i AVIF

Nowoczesne formaty zdjęć, które przy tej samej jakości ważą wyraźnie mniej niż JPG i PNG, więc strona ładuje się szybciej.

Zdjęcia to zwykle najcięższa część strony firmowej. Fotografia z aparatu wgrana bez obróbki potrafi ważyć kilka megabajtów, a strona z galerią takich zdjęć na telefonie ładuje się kilkanaście sekund. WebP i AVIF to formaty, które zapisują ten sam obraz w pliku kilkukrotnie mniejszym niż JPG, bez widocznej różnicy w jakości. AVIF kompresuje mocniej, WebP jest obsługiwany dłużej i szerzej.

Efekt jest bezpośredni: mniejsze pliki to szybszy LCP, lepszy wynik w PageSpeed Insights i mniej transferu dla użytkownika na telefonie. Na stronach z dużą liczbą zdjęć, na przykład u fotografów, w stolarniach czy w sklepach, sama konwersja formatu potrafi zmienić wynik szybkości z czerwonego na zielony.

W WordPressie konwersję robią wtyczki optymalizujące obrazy albo hosting, w Astro dzieje się to automatycznie przy budowaniu strony. Oprócz formatu liczy się też rozmiar: zdjęcie szerokie na 6000 pikseli wyświetlane w kolumnie o szerokości 400 to marnowanie transferu niezależnie od formatu. Dobre wdrożenie generuje kilka rozmiarów i podaje przeglądarce ten właściwy.