# Szybkość i Core Web Vitals

> Co platforma robi automatycznie, żeby strony ładowały się szybko i zdawały Core Web Vitals: obrazy WebP, fonty, preload, cache i SSR.

Opublikowano: 2026-07-31 · Aktualizacja: 2026-09-16
Źródło: https://kompasfirm.pl/dokumentacja/szybkosc-i-core-web-vitals

---
## Dlaczego to ważne

Google mierzy szybkość i stabilność stron wskaźnikami Core Web Vitals (LCP: szybkość pojawienia się głównej treści, CLS: skakanie układu, INP: reakcja na interakcje) i bierze je pod uwagę w rankingu. Dla klienta to po prostu różnica między stroną, która otwiera się natychmiast, a taką, z której wychodzi przed wczytaniem. Wszystko opisane niżej dzieje się automatycznie, w każdym planie, bez konfiguracji.

## Obrazy

- Wgrane zdjęcia są konwertowane do formatu WebP w kilku rozmiarach; przeglądarka pobiera wariant dopasowany do ekranu (srcset), więc telefon nie ściąga zdjęcia w rozmiarze monitora.
- Obrazy mają z góry podane wymiary, dzięki czemu treść nie skacze podczas wczytywania (CLS).
- Grafiki poniżej pierwszego ekranu ładują się leniwie, dopiero przy przewijaniu.
- Główna grafika nagłówka jest ładowana z wyprzedzeniem (preload), co bezpośrednio poprawia LCP.

Praktyczny wniosek: wgrywaj zdjęcia w pełnej jakości, platforma sama je zoptymalizuje.

## Fonty

Kroje pisma są serwowane z tych samych serwerów co strona (bez odpytywania Google Fonts), z preloadem i dopasowanymi fontami zastępczymi. Tekst jest widoczny od razu, a podmiana kroju nie przesuwa układu.

## Treść i skrypty

- Strona przychodzi z serwera w całości wyrenderowana (SSR): treść jest widoczna bez czekania na skrypty, a Google widzi ją od pierwszego wejścia.
- Skrypty są odroczone i nie blokują wyświetlania; analityka i marketing ładują się dopiero po zgodzie cookies.

## Cache i transfer

- Zasoby statyczne mają długi cache przeglądarki; kolejne wejścia są niemal natychmiastowe.
- Pliki są kompresowane, a serwer mówi nowoczesnymi protokołami (HTTP/2 i HTTP/3).
- Przy aktualizacji strony przeglądarka pobiera tylko zmienione pliki.

## Jak to sprawdzić

Wpisz adres swojej strony w bezpłatnym narzędziu Google PageSpeed Insights (pagespeed.web.dev). Strony na platformie osiągają wysokie wyniki w kategoriach wydajności bez żadnej pracy po stronie właściciela; realny przykład strony klienta z wynikami pokażemy we wpisie na blogu.

![Wynik PageSpeed Insights na telefonie](/img/blog/pagespeed/sonto-mobile-97.png)

![Wynik PageSpeed Insights na komputerze](/img/blog/pagespeed/sonto-desktop-100.png)

![Metryki Core Web Vitals dla wersji mobilnej](/img/blog/pagespeed/sonto-mobile-metryki.png)

## Co możesz zepsuć samodzielnie (i jak tego uniknąć)

- Wklejanie ciężkich skryptów zewnętrznych (widżety, czaty, mapy z wielu źródeł) potrafi obniżyć każdy wynik; dodawaj tylko te, których naprawdę używasz.
- Bardzo długie strony główne z dziesiątkami zdjęć ładują się wolniej niż zwięzła strona z odnośnikami do podstron; ciężar treści przenoś na podstrony.