https://klikukliku.dev/pl/tags/images/Recent content in Images on Kliku KlikuHugoplTue, 06 Jan 2026 00:00:00 +0000https://klikukliku.dev/pl/posts/hugo-image-optimization/Tue, 06 Jan 2026 00:00:00 +0000https://klikukliku.dev/pl/posts/hugo-image-optimization/<h2 id="wstęp">Wstęp</h2> <p>Obrazy to zazwyczaj największa przeszkoda w osiągnięciu wysokiej wydajności stron internetowych. Choć Hugo generuje z natury szybkie witryny statyczne, nieoptymalizowane grafiki potrafią całkowicie zniweczyć tę przewagę. Postanowiłem przyjrzeć się temu bliżej na przykładzie własnej strony.</p> <p>Analiza w Chrome DevTools jasno wskazała źródło problemu. Obrazy stanowiły aż dziewięćdziesiąt sześć procent całego transferu, co dawało prawie piętnaście megabajtów danych. Namierzyłem trzy duże grafiki w formacie PNG, które generowały większość tego ruchu i wydłużały czas ładowania do ponad czterech sekund. Dla użytkowników mobilnych oznaczało to długie oczekiwanie i niepotrzebne zużycie pakietu danych.</p>