Trzy miary i ich progi#
Google mierzy wrażenia z korzystania z witryny trzema miarami. Ocena odbywa się na 75. percentylu, czyli według tego, jak wypada trzy na cztery wizyty [1]. Google używa tych miar w swoich systemach oceny wrażeń z korzystania ze strony [2].
✓ Dobrze ! Wymaga poprawy ✕ Słabo
Pokaż jako tabelę
| Zmierz | Dobrze | Wymaga poprawy | Słabo |
|---|---|---|---|
| LCP | maksymalnie 2,5 s | 2,5-4 s | ponad 4 s |
| INP | maksymalnie 200 ms | 200-500 ms | ponad 500 ms |
| CLS | maksymalnie 0,1 | 0,1-0,25 | ponad 0,25 |
Skąd pochodzą liczby#
Liczby pochodzą z Chrome UX Report: anonimowych danych od prawdziwych użytkowników Chrome, którzy udostępniają statystyki. Uwzględniane są tylko witryny z wystarczającą liczbą wizyt, a Google nie podaje, gdzie leży próg [3]. Jeśli brakuje danych dla Twojej witryny, mówimy o tym. Nigdy nie zgadujemy liczby.
Nasz wymóg: poniżej 0,7 sekundy#
Progi Google to poziom minimalny. W witrynach, które budujemy i prowadzimy, wymagamy więcej: główna treść musi pojawić się w 0,7 sekundy na komputerze, a serwer musi odpowiedzieć w 0,2 sekundy. Na telefonie, gdzie Google zakłada wolniejszą sieć 4G, strona musi z zapasem mieścić się w progu Google dla dobrego wyniku. Wymogi dotyczą zarówno nowego projektu, jak i kopii obecnej witryny klienta [4] [5].
| Zmierz | Próg Google dla dobrego wyniku | Nasz wymóg dla naszych witryn |
|---|---|---|
| Odpowiedź serwera (TTFB) | maksymalnie 0,8 s (zalecenie) | maksymalnie 0,2 s |
| Pojawia się pierwsza treść (FCP) | maksymalnie 1,8 s (zalecenie) | maksymalnie 0,8 s |
| Pojawia się główna treść (LCP), komputer | maksymalnie 2,5 s | maksymalnie 0,7 s |
| Pojawia się główna treść (LCP), telefon w sieci 4G | maksymalnie 2,5 s | maksymalnie 2,5 s, cel 1,0 s |
| Reakcja na kliknięcie (INP) | maksymalnie 0,2 s | maksymalnie 0,1 s |
| Przesunięcie układu (CLS) | maksymalnie 0,1 | maksymalnie 0,1, cel 0,02 |
| Wydajność w Lighthouse | 90+ uznaje się za dobry wynik | 90-100 |
| SEO i dostępność w Lighthouse | brak wymogu Google | 95-100 |
Jak testujemy szybkość#
- Każda witryna, którą budujemy lub pokazujemy w podglądzie, jest testowana narzędziem PageSpeed Insights od Google na telefonie i komputerze, co najmniej raz w tygodniu i po każdej zmianie. Witryna, która nie spełnia wymogu, od razu pojawia się w naszym systemie obsługi wraz z tym, co trzeba poprawić [6].
- Każda analizowana przez nas witryna, także obecna witryna klienta, jest testowana w ten sam sposób. Handlowiec widzi liczbę ze źródłem, na przykład ile sekund mija, zanim główna treść pojawi się na telefonie, w porównaniu z progiem Google.
- Jeśli witryna ma wystarczająco wielu odwiedzających, pokazujemy też pomiar Google dotyczący prawdziwych odwiedzających (Chrome UX Report), z którego korzysta sam Google [3].
Oto co robimy, aby witryna była szybka#
- Strona jest wysyłana z serwera gotowa, z najważniejszymi stylami bezpośrednio w stronie, aby nic nie musiało czekać na skrypty.
- Główny obraz jest pobierany jako pierwszy i w rozmiarze dopasowanym do ekranu; obrazy niżej ładują się, gdy odwiedzający przewinie do nich.
- Czcionki są na naszym własnym serwerze, a styl zastępczy o tych samych wymiarach zapobiega skakaniu tekstu, gdy czcionka się wczyta.
- Następna strona jest pobierana z wyprzedzeniem, gdy odwiedzający wskaże link, więc otwiera się od razu.
- Prace w tle na serwerze zawsze ustępują stronom odwiedzających.
- Pokazujemy pomiar Google w analizie, gdy jest dostępny, z datą i źródłem.
Obrazy#
Jak nazywać, opisywać i ładować obrazy oraz jakie są mity o EXIF i GPS, opisano w Obrazy i nazwy plików.
Jak szybka jest Twoja strona internetowa?
Bezpłatna analiza mierzy szybkość na telefonie i komputerze.
0 SEK · bez rejestracji · odpowiedź w około minutę
Źródła na tej stronie
- Web Vitals: wskaźniki i progi web.dev (Google) · Oficjalna dokumentacja
- Core Web Vitals a wyszukiwarka Google Google Search Central · Oficjalna dokumentacja
- Chrome UX Report: metodologia Chrome for Developers · Oficjalna dokumentacja
- Largest Contentful Paint (LCP) web.dev (Google) · Oficjalna dokumentacja
- Time to First Byte (TTFB) web.dev (Google) · Oficjalna dokumentacja
- Informacje o PageSpeed Insights Google for Developers · Oficjalna dokumentacja