Zakładka Widoki: interpretacja wykresu: „Rozmiar nawigacji”

Wykres rozmiaru nawigacji w zakładce Widoki przedstawia, ile danych (w bajtach) jest przesyłanych podczas ładowania strony. Ten artykuł tłumaczy, jak interpretować słupki na wykresie, jakie wartości są akceptowalne i kiedy warto zoptymalizować rozmiar zasobów.

Rozmiar nawigacji to jeden z tych parametrów, które na pierwszy rzut oka wyglądają technicznie, ale w praktyce mówią bardzo dużo o kondycji Twojej strony.

Co właściwie mierzą te wykresy?

Na wykresach widzisz trzy wartości, odpowiadające standardowym parametrom wydajności stron:

• Przesłany rozmiar strony – ile kilobajtów faktycznie „przepłynęło” po sieci między serwerem a przeglądarką użytkownika (razem z nagłówkami odpowiedzi).
• Całkowity zdekodowany rozmiar strony – jak duża jest strona już po rozpakowaniu i zdekompresowaniu treści w przeglądarce.
• Rozmiar strony przed rozpakowaniem– rozmiar samego skompresowanego „ciała” odpowiedzi, bez narzutu, który pojawia się po rozkodowaniu.

Prościej: „przed rozpakowaniem” to paczka, którą wysyłasz kurierem, „zdekodowany” to zawartość po rozpakowaniu, a „przesłany” obejmuje całą przesyłkę razem z kopertą i etykietą.

Jakie wartości są zdrowe?

Dla typowej nowoczesnej strony (panel klienta, blog, aplikacja webowa) warto dążyć do tego, aby:

• Przesłany rozmiar strony mieścił się w przedziale ok. 4000–7000 KB dla głównej nawigacji przy stałym, powtarzalnym obciążeniu – tak jak na załączonych wykresach, gdzie słupki są niskie i równe.​
• Rozmiar strony przed rozpakowaniem był wyraźnie niższy niż zdekodowany, co oznacza, że kompresja działa i oszczędza transfer (np. ~5000–6000 KB przed rozpakowaniem kontra ponad 20 000 KB po rozpakowaniu w pierwszym wykresie).​
• Całkowity zdekodowany rozmiar strony może być wysoki (kilkanaście–kilkadziesiąt MB), o ile użytkownik nie musi tego za każdym razem pobierać z sieci – przy stabilnych słupkach widać, że główna część zasobów jest podawana wydajnie i nie „puchnie” z minuty na minutę.

Kluczowy sygnał, że wszystko jest w normie: na osi czasu słupki trzymają podobną wysokość, bez nagłych skoków o kilka tysięcy kilobajtów w górę.​

Kiedy rozmiar robi się problemem?

Parametry zaczynają być niepokojące, gdy:

• Przesłany rozmiar strony nagle rośnie – np. z 6000 KB do 15 000 KB i więcej – i pozostaje na takim poziomie przez kolejne pomiary.
• Rozmiar przed rozpakowaniem jest zbliżony do zdekodowanego, co sugeruje brak kompresji albo jej nieskuteczne użycie (np. brak gzip/br brotli, błędna konfiguracja serwera).
• Na wykresie pojawia się „zębaty grzebień”: raz bardzo małe, raz ogromne słupki, co bywa efektem dokładania coraz cięższych elementów – dużych grafik, skryptów czy wideo – na stronę.

Efekt po stronie użytkownika jest prosty: wolniejsze ładowanie, więcej danych na mobilnym Internecie, a w skrajnych przypadkach – porzucanie wizyty zanim strona zdąży się wyświetlić.

Jak dbać o prawidłowe wartości?

Żeby utrzymać rozmiar nawigacji w bezpiecznych granicach:

• Pilnuj, aby nowe elementy (banery, biblioteki JS, dodatkowe czcionki) nie podwajały rozmiaru nawigacji z tygodnia na tydzień; po każdej większej zmianie warto porównać słupki „przed” i „po”.
• Używaj kompresji treści – odpowiednia konfiguracja serwera (gzip, brotli) potrafi kilkukrotnie zmniejszyć rozmiar przed rozpakowaniem względem zdekodowanego.
• Optymalizuj grafiki i zasoby statyczne: zmniejszaj rozdzielczość, stosuj nowoczesne formaty (np. WebP), łącz pliki tam, gdzie ma to sens.
• Obserwuj kształt wykresu w czasie – stabilna „linia słupków” oznacza, że użytkownik za każdym razem dostaje podobnie lekką stronę; gwałtowne skoki to sygnał, że coś trzeba przejrzeć.​

Dobry rozmiar nawigacji nie jest jednorazowym parametrem technicznym – to codzienny przegląd kondycji Twojej strony, który mówi wprost, czy użytkownikom będzie się po niej poruszać lekko, czy z poczuciem, że każdy klik to kolejny ciężki ładunek do przewiezienia.

Masz pytania o wyniki swojej strony? Skontaktuj się z nami – chętnie pomożemy zinterpretować wykresy i wskazać obszary do poprawy.

FAQ – często zadawane pytania

Czy duży rozmiar nawigacji spowalnia stronę?

Tak – im więcej danych musi pobrać przeglądarka przy każdej wizycie, tym wolniej strona się ładuje. Szczególnie odczuwalne jest to na połączeniach mobilnych lub wolniejszym Internecie.

Co oznacza “zbębaty grzeń” na wykresie rozmiaru?

Nieregularne, na przemian bardzo małe i bardzo duże słupki sugerują, że strona cyklicznie ładuje ciężkie zasoby (np. duże grafiki lub skrypty). To sygnał do optymalizacji zasobów statycznych.

Czy kompresja gzip/brotli wystarczy do zmniejszenia rozmiaru nawigacji?

Kompresja to jeden z najważniejszych kroków – może kilkukrotnie zmniejszyć rozmiar przesyłanych danych. W połączeniu z optymalizacją grafik i redukcją skryptów daje bardzo dobre efekty.