--- title: "Core Web Vitals: co to są? Słownik pojęć" description: "Core Web Vitals to trzy wskaźniki Google, które mierzą, jak strona działa u prawdziwych użytkowników." url: https://fluostudio.pl/baza-wiedzy/slownik/core-web-vitals/ --- [Strony www](https://fluostudio.pl/baza-wiedzy/slownik/?dzial=www) # Core Web Vitals Inaczej CWV, podstawowe wskaźniki internetowe Core Web Vitals to trzy wskaźniki Google, które mierzą, jak strona działa u prawdziwych użytkowników. Sprawdzają, jak szybko pokazuje główną treść (LCP), jak szybko reaguje (INP) i czy układ nie skacze (CLS). ## W skrócie - LCP, wyświetlenie największego elementu: dobrze do 2,5 s - INP, reakcja na działanie użytkownika: dobrze do 200 ms - CLS, przesunięcia układu: dobrze do 0,1 - Wynik to 75. percentyl odsłon, osobno dla telefonów i komputerów ## Usługa - [Strony www](https://fluostudio.pl/uslugi/strony-www/) Pacjentka otwiera stronę kliniki na telefonie i chce nacisnąć „Umów wizytę”. W ostatniej chwili nad przyciskiem doładowuje się baner i palec trafia w coś innego. Strona dalej się wczytuje, więc pacjentka zamyka kartę i dzwoni do innej kliniki. Core Web Vitals mierzą właśnie takie sytuacje, tylko w liczbach. ## Trzy wskaźniki - **LCP (Largest Contentful Paint)** mówi, po jakim czasie pojawia się największy element w pierwszym widoku, zwykle zdjęcie albo nagłówek [sekcji hero](https://fluostudio.pl/baza-wiedzy/slownik/sekcja-hero/). Najczęściej psują go ciężkie zdjęcia i wolny [hosting](https://fluostudio.pl/baza-wiedzy/slownik/hosting/). - **INP (Interaction to Next Paint)** mierzy, jak szybko strona reaguje na naciśnięcie, kliknięcie albo wpisanie tekstu. Zastąpił starszy wskaźnik FID. Psują go ciężkie skrypty: czaty, piksele reklamowe, rozbudowane kreatory stron. - **CLS (Cumulative Layout Shift)** liczy, jak bardzo elementy przesuwają się podczas ładowania. Psują go zdjęcia bez zapisanych wymiarów, doładowywane banery i fonty, które podmieniają się po chwili. ## Skąd brać wyniki Google bierze pod uwagę dane od prawdziwych użytkowników Chrome, zbierane w raporcie CrUX. Widać je w Search Console i w PageSpeed Insights. Test Lighthouse to pomiar laboratoryjny w symulowanych warunkach. Pomaga szukać przyczyn, ale wynik 100/100 w teście nie znaczy, że strona przechodzi Core Web Vitals u ludzi na słabszych telefonach. Mała strona może tych danych nie mieć wcale, bo ma za mało wizyt. ## Ile to waży Core Web Vitals to jeden z sygnałów, które Google bierze pod uwagę przy ocenie stron ([SEO](https://fluostudio.pl/baza-wiedzy/slownik/seo/)), ale nie wygrają z treścią, która lepiej odpowiada na pytanie. Ważniejszy jest zwykły rachunek: wolna strona traci ludzi, zanim cokolwiek przeczytają. Większość poprawek to praca [front-endu](https://fluostudio.pl/baza-wiedzy/slownik/front-end/), a najtaniej zaplanować je w projekcie. Lżejsze zdjęcie w sekcji hero albo rezygnacja z trzeciego skryptu śledzącego kosztują mniej niż przebudowa gotowej strony. To samo dotyczy efektów takich jak [WebGL](https://fluostudio.pl/baza-wiedzy/slownik/webgl/): ciężką scenę 3D ładuje się dopiero wtedy, gdy ktoś do niej dotrze. ## Więcej na blogu - [Wydajna strona www – optymalizacja zdjęć pomoże!](https://fluostudio.pl/wydajna-strona-www-optymalizacja-zdjec-pomoze/) ## Zobacz też - [Strony www SEO SEO to praca nad tym, żeby strona pokazywała się wysoko w bezpłatnych wynikach wyszukiwania, np. w Google. Obejmuje technikę strony, treści odpowiadające na pytania ludzi i linki z innych serwisów.](https://fluostudio.pl/baza-wiedzy/slownik/seo/) - [Strony www Front-end Front-end to część strony lub aplikacji, którą użytkownik widzi i obsługuje, czyli układ, przyciski, formularze i animacje. Powstaje w HTML, CSS i JavaScripcie i działa w przeglądarce.](https://fluostudio.pl/baza-wiedzy/slownik/front-end/) - [Strony www Sekcja hero Sekcja hero to pierwszy, zwykle duży blok na górze strony, widoczny zaraz po jej otwarciu. Zawiera główny nagłówek, obraz lub wideo i najczęściej przycisk prowadzący do najważniejszego działania.](https://fluostudio.pl/baza-wiedzy/slownik/sekcja-hero/) - [Strony www Responsywność Responsywność to zdolność strony do dopasowania układu do szerokości ekranu. Ten sam serwis na komputerze, tablecie i telefonie pokazuje te same treści, ułożone tak, żeby dało się je wygodnie czytać i obsługiwać.](https://fluostudio.pl/baza-wiedzy/slownik/responsywnosc/) - [Strony www Hosting Hosting to wynajęte miejsce na serwerze, na którym działa strona internetowa. Od niego zależy, czy strona jest szybka, czy działa bez przerw i czy po awarii jest z czego ją odtworzyć.](https://fluostudio.pl/baza-wiedzy/slownik/hosting/) - [Strony www Strona statyczna Strona statyczna to strona zbudowana z gotowych plików HTML, które serwer wysyła bez składania ich z bazy danych przy każdej wizycie. Dzięki temu szybko się ładuje i trudniej się do niej włamać.](https://fluostudio.pl/baza-wiedzy/slownik/strona-statyczna/) - [Strony www WebGL WebGL to technologia, dzięki której przeglądarka rysuje na stronie grafikę 3D na żywo, bez wtyczek, korzystając z karty graficznej urządzenia. Działają na niej m.in. przeglądarki modeli 3D i konfiguratory 3D.](https://fluostudio.pl/baza-wiedzy/slownik/webgl/) - [Strony www Konwersja Konwersja to działanie na stronie, na którym firmie zależy, np. zakup, wysłanie zapytania, zapis na wizytę albo pobranie katalogu. Współczynnik konwersji mówi, jaki odsetek wizyt kończy się takim działaniem.](https://fluostudio.pl/baza-wiedzy/slownik/konwersja/) Hasło pojawia się też w: [Font](https://fluostudio.pl/baza-wiedzy/slownik/font/), [Mobile first](https://fluostudio.pl/baza-wiedzy/slownik/mobile-first/), [Scrollytelling](https://fluostudio.pl/baza-wiedzy/slownik/scrollytelling/) ## Strona ma sprzedawać, działać szybko i dawać się łatwo edytować. Porozmawiajmy o Twojej. Na pierwszej rozmowie sprawdzimy, czy i jak możemy pomóc, bez zobowiązań. [Porozmawiajmy](https://fluostudio.pl/kontakt/) [Umów 30 minut konsultacji](https://calendly.com/anita-fluo/darmowa-konsultacja-30-minut)