Szybkość 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.

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.