Najważniejsze w skrócie
- Google mierzy wrażenia użytkowników trzema wskaźnikami Core Web Vitals: LCP (ładowanie), INP (reakcja) i CLS (stabilność wizualna).
- Dobre wartości to LCP do 2,5 sekundy, INP do 200 milisekund, CLS do 0,1, mierzone dla 75 procent rzeczywistych wizyt.
- INP w marcu 2024 roku zastąpił starszy wskaźnik FID; poradniki, które wciąż wymieniają FID, są nieaktualne.
- Najczęstsze hamulce na stronach kancelarii: ogromne zdjęcia, kreatory stron, slidery, wtyczki, zewnętrzne czcionki i skrypty cookie.
- Szybkie strony pomagają przede wszystkim ludziom; w rankingu ważniejsza jest trafność, a szybkość przesądza przy porównywalnych stronach.
Ten artykuł ma charakter ogólnej informacji i nie stanowi porady prawnej ani podatkowej w konkretnej sprawie. Ustawy, wytyczne zawodowe i składki izb się zmieniają: przed podjęciem decyzji prosimy sprawdzić szczegóły w swojej izbie, urzędzie lub stowarzyszeniu zawodowym.
Dlaczego czas ładowania jest ważny dla kancelarii
Kto szuka kancelarii, ma zwykle konkretny problem: wypowiedzenie, termin z urzędu skarbowego, wizytę u notariusza. Wiele osób szuka w drodze, na smartfonie, często przy słabym zasięgu. Wolna strona działa w takiej chwili jak zajęta linia telefoniczna. Szukający rzadko wracają: dzwonią do następnej kancelarii z listy.
Dla rankingu Google czas ładowania to jeden z wielu czynników. Google sam podaje, że wyszukiwarka zawsze chce pokazać najtrafniejsze treści, nawet jeśli wrażenia ze strony nie są optymalne. Szybka strona z ubogą treścią nie wyprzedzi więc wolnej strony ze świetnym poradnikiem o prawie spadkowym. Jeśli jednak kilka kancelarii w Państwa mieście ma podobnie dobre strony, dobre wrażenia użytkownika mogą przesądzić. Ważniejszy powód pozostaje ten sam: kto nie doczeka się strony, ten też nie zadzwoni.
Trzy Core Web Vitals i ich progi
Google ujmuje wrażenia z ładowania strony w trzech wskaźnikach, Core Web Vitals. Ocenia się nie średnią, lecz 75. percentyl: strona jest dobra, jeśli co najmniej trzy z czterech rzeczywistych wizyt mieszczą się w progu. Wersja mobilna i desktopowa są oceniane osobno.
| Wskaźnik | Co mierzy | Dobrze | Wymaga poprawy | Słabo |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Kiedy załadował się największy widoczny element, zwykle zdjęcie w nagłówku lub tytuł | do 2,5 s | do 4 s | powyżej 4 s |
| INP (Interaction to Next Paint) | Jak szybko strona reaguje na kliknięcia i dotknięcia, np. przy otwieraniu menu | do 200 ms | do 500 ms | powyżej 500 ms |
| CLS (Cumulative Layout Shift) | Jak mocno treści przesuwają się podczas ładowania | do 0,1 | do 0,25 | powyżej 0,25 |
INP w marcu 2024 roku zastąpił wcześniejszy wskaźnik FID (First Input Delay). FID mierzył tylko opóźnienie pierwszej interakcji, INP uwzględnia wszystkie kliknięcia, dotknięcia i naciśnięcia klawiszy podczas wizyty. Dlatego strony, które kiedyś wypadały dobrze, mogą dziś mieć problemy z INP, zwłaszcza gdy w tle działa wiele skryptów.
Pomiar w PageSpeed Insights i Search Console
Większości kancelarii wystarczą dwa bezpłatne narzędzia Google. Ważna jest różnica między dwoma rodzajami danych: dane z terenu pochodzą od rzeczywistych użytkowników Chrome z ostatnich 28 dni, dane laboratoryjne z symulowanego wczytania strony. Dla oceny Google liczą się dane z terenu, przy szukaniu błędów pomocne są dane laboratoryjne.
Otworzyć PageSpeed Insights
Proszę wpisać na pagespeed.web.dev adres strony głównej, a potem ważnej podstrony, np. o prawie pracy lub o obsłudze płac. Najpierw proszę sprawdzić kartę „Komórka”.
Odczytać dane z terenu
Na górze widać, czy strona przechodzi ocenę Core Web Vitals. Jeśli strona ma za mało wizyt, PageSpeed Insights pokazuje wartości dla całej domeny albo w ogóle nie pokazuje danych z terenu. W mniejszych kancelariach to normalne i nie jest błędem.
Skorzystać z diagnostyki
Poniżej znajduje się analiza Lighthouse z konkretnymi wskazówkami: zbyt duże obrazy, blokujące skrypty, nieużywany kod. Wynik od 0 do 100 waha się między pomiarami; warto bardziej zwracać uwagę na poszczególne wskazówki.
Skonfigurować Search Console
Raport „Podstawowe wskaźniki internetowe” w Google Search Console grupuje podobne strony i pokazuje wersję mobilną i desktopową osobno. Po poprawce można rozpocząć weryfikację; Google przez 28 dni obserwuje wtedy rzeczywiste dane.
Przetestować na prawdziwym urządzeniu
Proszę otworzyć stronę na starszym smartfonie w sieci komórkowej, a nie tylko na komputerze w biurze ze światłowodem. Co tam wydaje się ociężałe, takie wydaje się też Państwa klientom.
Typowe hamulce na stronach kancelarii
Strony kancelarii są zwykle niewielkie: strona główna, obszary działalności, zespół, kontakt, dane firmy. Mimo to wiele z nich jest zaskakująco wolnych. Przyczyny się powtarzają.
| Przyczyna | Typowy przykład | Wskaźnik, którego dotyczy |
|---|---|---|
| Ogromne zdjęcia | Zdjęcie zespołu prosto z aparatu, 8 MB, zmniejszane w przeglądarce do 600 pikseli | LCP |
| Kreatory stron i ciężkie motywy | Motyw kreatora ładuje kod dziesiątek funkcji, z których Państwo nigdy nie korzystają | LCP, INP |
| Slider na stronie głównej | Pięć dużych zmieniających się obrazów, ładowanych wszystkie od razu | LCP, CLS |
| Wiele wtyczek | Osobna wtyczka do formularza, galerii, mapy, animacji i statystyk | INP, LCP |
| Zewnętrzne czcionki | Trzy rodziny czcionek w sześciu grubościach z cudzego serwera | LCP, CLS |
| Baner cookie i śledzenie | Narzędzie do zgód, które ładuje się przed wszystkim innym, do tego skrypty reklamowe i analityczne | LCP, INP, CLS |
| Osadzone mapy i filmy | Mapa Google Maps i film z YouTube, które ładują się od razu ze stroną | LCP, INP |
Zewnętrzne czcionki to przy tym nie tylko problem szybkości. Sąd krajowy w Monachium I (LG München I) (sygn. 3 O 17493/20) orzekł w 2022 roku, że strona, która bez zgody ładuje Google Fonts z serwera Google i w ten sposób przekazuje adresy IP odwiedzających, narusza DSGVO (RODO). Czcionki z własnego serwera są szybsze i eliminują ten problem. Podobnie jest z osadzonymi mapami: obraz podglądu z napisem „Załaduj mapę” jest szybszy i oszczędniejszy pod względem danych niż mapa ładowana przy każdym otwarciu strony.
Co naprawdę pomaga
Tak będzie dobrze
- Przed wgraniem zmniejszać zdjęcia do faktycznie wyświetlanego rozmiaru i dostarczać je jako WebP lub AVIF
- Podawać szerokość i wysokość obrazów, aby miejsce było zarezerwowane podczas ładowania
- Obrazy niżej na stronie ładować dopiero przy przewijaniu, a zdjęcie w nagłówku od razu
- Jedna, najwyżej dwie rodziny czcionek, ładowane z własnego serwera
- Mapy i filmy ładować dopiero po kliknięciu
- Regularnie porządkować wtyczki i skrypty: czego nikt nie potrzebuje, znika
Lepiej nie
- Slider z pięcioma zdjęciami jako nagłówek strony głównej
- Ładować zdjęcie w nagłówku w trybie „lazy”, tak że pojawia się jako ostatnie
- Instalować kolejną wtyczkę do każdej drobnostki
- Osadzać skrypty śledzące, których raportów nikt nie ogląda
- Filmy w tle w pełnej rozdzielczości, których na telefonie nikt nie potrzebuje
- Baner cookie, który po załadowaniu nasuwa się na treść i ją wypycha
Na stronach kancelarii zdjęcie w nagłówku jest prawie zawsze największym elementem, a więc i LCP. Spokojne zdjęcie zespołu lub biura w rozsądnym rozmiarze ładuje się szybko i mówi więcej niż slider ze zdjęciami stockowymi wag i paragrafów. Wskazówki dotyczące dobrych zdjęć znajdą Państwo w poradniku o zdjęciach na stronę kancelarii.
Przy banerze cookie warto zadać pytanie zasadnicze: czy w ogóle potrzebują Państwo skryptów wymagających zgody? Statystyka bez cookies i bez śledzenia reklamowego oszczędza skrypty, czas ładowania i często sam baner. Co obowiązuje prawnie, opisuje poradnik o banerze cookie dla kancelarii; jak mimo to mierzyć skuteczność strony, artykuł Jak mierzyć skuteczność strony.
Hosting i technika
Nawet najlepsza strona ładuje się wolno, jeśli serwer długo odpowiada. Ten czas do pierwszego bajtu (TTFB) nie jest wskaźnikiem Core Web Vitals, ale zawiera się w każdej wartości LCP. Jako przybliżoną wskazówkę Google podaje TTFB 0,8 sekundy lub mniej. Tanie pakiety hostingu współdzielonego, na których setki stron dzielą jeden serwer, nie zawsze niezawodnie to osiągają.
- Serwer w UE: krótkie trasy do Państwa klientów i prościej w kwestii ochrony danych.
- Pamięć podręczna: strony są dostarczane gotowe, zamiast być przy każdym wywołaniu składane z bazy danych.
- Aktualne protokoły i kompresja: HTTP/2 lub HTTP/3 i skompresowany transfer są dziś standardem, ale w starszych pakietach nie zawsze są włączone.
- Strony statyczne: strona kancelarii rzadko się zmienia. Wygenerowane z góry strony są szybkie, bezpieczne i prawie nie wymagają konserwacji.
- Aktualizacje: przestarzałe systemy i wtyczki są nie tylko wolne, ale też stanowią ryzyko bezpieczeństwa, zwłaszcza w zawodach objętych tajemnicą.
Lista kontrolna szybkiej strony kancelarii
Do samodzielnego sprawdzenia w godzinę
- Strona główna i dwie ważne podstrony przetestowane w PageSpeed Insights w wersji mobilnej
- Zdjęcie w nagłówku poniżej ok. 200 KB i w nowoczesnym formacie
- Brak slidera i automatycznie odtwarzanego filmu w nagłówku
- Czcionki z własnego serwera, najwyżej dwie rodziny
- Mapa i filmy dopiero po kliknięciu
- Lista wszystkich wtyczek i zewnętrznych skryptów przejrzana, zbędne usunięte
- Raport Core Web Vitals w Search Console skonfigurowany
- Strona otwarta na starszym smartfonie w sieci komórkowej
Jeśli strona jest zasadniczo zbudowana na ciężkim kreatorze, wiele z tych punktów da się poprawić tylko w ograniczonym stopniu. Wtedy nowa budowa może być tańsza niż ciągłe łatanie; na co przy tym uważać, opisuje poradnik o relaunchu strony. Ile kosztuje lekka strona kancelarii, pokazuje artykuł Koszty strony kancelarii. A ponieważ większość wizyt pochodzi ze smartfonów, warto zajrzeć też do poradnika o mobilnej stronie kancelarii.
Strona kancelarii, która jest od razu
Nasze strony dla kancelarii są lekkie: zoptymalizowane obrazy, czcionki z własnego serwera, bez sliderów, bez zbioru wtyczek i ze statystyką bez plików cookie. Proszę zamówić bezpłatny podgląd i samodzielnie sprawdzić go w PageSpeed Insights.
Niezobowiązujący podgląd tego, jak może wyglądać strona Państwa kancelarii.
Źródła
- Google Search Central – Core Web Vitals a wyniki wyszukiwania Google
- Google Search Central – Wrażenia użytkownika strony w wyszukiwarce Google
- Google – Raport Podstawowe wskaźniki internetowe w Search Console
- Google – Informacje o PageSpeed Insights
- web.dev – Web Vitals
- web.dev – Interaction to Next Paint staje się Core Web Vital
- web.dev – Time to First Byte (TTFB)
- LG München I, wyrok z 20.01.2022, sygn. 3 O 17493/20 (Google Fonts)
