{"id":18676,"date":"2026-10-19T22:49:11","date_gmt":"2026-10-19T20:49:11","guid":{"rendered":"https:\/\/dhosting.pl\/pomoc\/?post_type=manual_kb&#038;p=18676"},"modified":"2026-10-19T22:49:11","modified_gmt":"2026-10-19T20:49:11","slug":"core-web-vitals-w-e-commerce-co-oznaczaja-lcp-inp-i-cls-dla-sklepu-internetowego","status":"publish","type":"manual_kb","link":"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/core-web-vitals-w-e-commerce-co-oznaczaja-lcp-inp-i-cls-dla-sklepu-internetowego\/","title":{"rendered":"Core Web Vitals w e-commerce: co oznaczaj\u0105 LCP, INP i CLS dla sklepu internetowego"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><strong>Core Web Vitals w e-commerce pomagaj\u0105 oceni\u0107 LCP, INP i CLS oraz progi oceny wynik\u00f3w stron produkt\u00f3w, filtr\u00f3w i koszyka.<\/strong> Wska\u017aniki pokazuj\u0105, czy sklep szybko wy\u015bwietla tre\u015b\u0107, sprawnie reaguje na dzia\u0142ania u\u017cytkownika i nie przesuwa element\u00f3w podczas \u0142adowania. Wynik \u201edobra\u201d oznacza, \u017ce strona spe\u0142nia ustalone progi dla danego pomiaru. Nie oznacza jednak, \u017ce ka\u017cda karta produktu, filtr i proces zakupowy dzia\u0142a tak samo dobrze.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-left counter-flat ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Spis tre\u015bci<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/core-web-vitals-w-e-commerce-co-oznaczaja-lcp-inp-i-cls-dla-sklepu-internetowego\/#Co_mierza_Core_Web_Vitals\" >Co mierz\u0105 Core Web Vitals?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/core-web-vitals-w-e-commerce-co-oznaczaja-lcp-inp-i-cls-dla-sklepu-internetowego\/#LCP_jak_szybko_pojawia_sie_glowna_tresc_produktu\" >LCP: jak szybko pojawia si\u0119 g\u0142\u00f3wna tre\u015b\u0107 produktu?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/core-web-vitals-w-e-commerce-co-oznaczaja-lcp-inp-i-cls-dla-sklepu-internetowego\/#INP_czy_sklep_reaguje_na_klikniecia_i_zmiany\" >INP: czy sklep reaguje na klikni\u0119cia i zmiany?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/core-web-vitals-w-e-commerce-co-oznaczaja-lcp-inp-i-cls-dla-sklepu-internetowego\/#CLS_czy_elementy_sklepu_pozostaja_na_swoim_miejscu\" >CLS: czy elementy sklepu pozostaj\u0105 na swoim miejscu?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/core-web-vitals-w-e-commerce-co-oznaczaja-lcp-inp-i-cls-dla-sklepu-internetowego\/#Jak_odczytywac_wyniki_dane_terenowe_i_test_laboratoryjny\" >Jak odczytywa\u0107 wyniki: dane terenowe i test laboratoryjny?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/core-web-vitals-w-e-commerce-co-oznaczaja-lcp-inp-i-cls-dla-sklepu-internetowego\/#Co_oznacza_wynik_%E2%80%9Edobra%E2%80%9D_lub_%E2%80%9Ewymaga_poprawy%E2%80%9D\" >Co oznacza wynik \u201edobra\u201d lub \u201ewymaga poprawy\u201d?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/core-web-vitals-w-e-commerce-co-oznaczaja-lcp-inp-i-cls-dla-sklepu-internetowego\/#Jak_ustalac_kolejnosc_poprawek\" >Jak ustala\u0107 kolejno\u015b\u0107 poprawek?<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Co_mierza_Core_Web_Vitals\"><\/span>Co mierz\u0105 Core Web Vitals?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"wp-block-paragraph\">Core Web Vitals to zestaw metryk opisuj\u0105cych trzy wa\u017cne elementy do\u015bwiadczenia u\u017cytkownika: \u0142adowanie, interakcj\u0119 i stabilno\u015b\u0107 wizualn\u0105. W sklepie warto analizowa\u0107 je na stronach g\u0142\u00f3wnych, kartach produkt\u00f3w, listach kategorii, wynikach filtrowania i w koszyku.<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>LCP<\/strong> mierzy czas wy\u015bwietlenia najwi\u0119kszego widocznego elementu tre\u015bci.<\/li>\n<li><strong>INP<\/strong> mierzy czas reakcji strony na dzia\u0142ania u\u017cytkownika w trakcie wizyty.<\/li>\n<li><strong>CLS<\/strong> mierzy nieoczekiwane przesuni\u0119cia element\u00f3w widocznych na stronie.<\/li>\n<\/ul>\n<p class=\"wp-block-paragraph\">Wszystkie trzy metryki opisuj\u0105 inne problemy. Sklep mo\u017ce mie\u0107 dobry LCP, ale s\u0142aby INP, je\u015bli szybko pokazuje kart\u0119 produktu, a p\u00f3\u017ano reaguje na zmian\u0119 wariantu. Mo\u017ce te\u017c mie\u0107 dobre LCP i INP, ale s\u0142aby CLS, gdy baner lub zdj\u0119cie produktu zmienia po\u0142o\u017cenie po za\u0142adowaniu.<\/p>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"LCP_jak_szybko_pojawia_sie_glowna_tresc_produktu\"><\/span>LCP: jak szybko pojawia si\u0119 g\u0142\u00f3wna tre\u015b\u0107 produktu?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"wp-block-paragraph\"><strong>LCP, czyli Largest Contentful Paint<\/strong>, mierzy czas potrzebny do wy\u015bwietlenia najwi\u0119kszego elementu tre\u015bci widocznego w pocz\u0105tkowym obszarze strony. Na karcie produktu mo\u017ce to by\u0107 g\u0142\u00f3wne zdj\u0119cie, nag\u0142\u00f3wek produktu albo du\u017cy blok opisu. Na stronie kategorii cz\u0119sto b\u0119dzie to du\u017cy baner lub g\u0142\u00f3wny fragment listy produkt\u00f3w.<\/p>\n<p class=\"wp-block-paragraph\">Za dobry wynik LCP uznaje si\u0119 warto\u015b\u0107 do <strong>2,5 sekundy<\/strong>. Wynik powy\u017cej 2,5 sekundy i do 4 sekund wymaga poprawy, a powy\u017cej 4 sekund jest s\u0142aby. Progi te s\u0105 stosowane przy ocenie do\u015bwiadczenia u\u017cytkownik\u00f3w w pomiarach Core Web Vitals. <a href=\"https:\/\/fast.site\/guides\/core-web-vitals-explained?utm_source=openai\" target=\"_blank\" rel=\"noopener\">Definicja i progi LCP<\/a><\/p>\n<p class=\"wp-block-paragraph\">W praktyce s\u0142aby LCP mo\u017ce by\u0107 widoczny jako d\u0142ugo pusty ekran, op\u00f3\u017anione g\u0142\u00f3wne zdj\u0119cie produktu albo p\u00f3\u017ano pojawiaj\u0105cy si\u0119 baner kategorii. Samo skr\u00f3cenie czasu testu nie wystarczy, je\u015bli u\u017cytkownik nadal d\u0142ugo czeka na najwa\u017cniejsz\u0105 tre\u015b\u0107. Warto ocenia\u0107, czy g\u0142\u00f3wny element strony pojawia si\u0119 wcze\u015bniej, a nie tylko czy zmniejszy\u0142a si\u0119 liczba w raporcie.<\/p>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"INP_czy_sklep_reaguje_na_klikniecia_i_zmiany\"><\/span>INP: czy sklep reaguje na klikni\u0119cia i zmiany?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"wp-block-paragraph\"><strong>INP, czyli Interaction to Next Paint<\/strong>, opisuje czas reakcji strony na interakcje u\u017cytkownika. Dotyczy mi\u0119dzy innymi klikni\u0119cia filtra, zmiany sortowania, wyboru wariantu produktu, otwarcia menu, dodania produktu do koszyka i zmiany liczby sztuk.<\/p>\n<p class=\"wp-block-paragraph\">Dobry wynik INP to <strong>200 milisekund lub mniej<\/strong>. Warto\u015b\u0107 powy\u017cej 200 i do 500 milisekund wymaga poprawy. Wynik powy\u017cej 500 milisekund oznacza s\u0142ab\u0105 responsywno\u015b\u0107. <a href=\"https:\/\/www.curiaweb.ch\/en\/help\/seo-monitoring\/core-web-vitals-lcp-inp-cls\/?utm_source=openai\" target=\"_blank\" rel=\"noopener\">Wyja\u015bnienie metryki INP i jej prog\u00f3w<\/a><\/p>\n<p class=\"wp-block-paragraph\">Wysoki INP mo\u017ce wyst\u0105pi\u0107, gdy po klikni\u0119ciu filtra strona wykonuje du\u017co pracy, przebudowuje du\u017c\u0105 cz\u0119\u015b\u0107 listy produkt\u00f3w albo czeka na rozbudowany skrypt. U\u017cytkownik mo\u017ce wtedy widzie\u0107 klikni\u0119ty przycisk, ale nie otrzyma\u0107 od razu widocznej reakcji interfejsu. Poprawa polega na skr\u00f3ceniu pracy wykonywanej po interakcji, a nie na samym ukryciu op\u00f3\u017anienia w te\u015bcie.<\/p>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"CLS_czy_elementy_sklepu_pozostaja_na_swoim_miejscu\"><\/span>CLS: czy elementy sklepu pozostaj\u0105 na swoim miejscu?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"wp-block-paragraph\"><strong>CLS, czyli Cumulative Layout Shift<\/strong>, mierzy nieoczekiwane przesuni\u0119cia element\u00f3w podczas wy\u015bwietlania strony. W sklepie problem mo\u017ce pojawi\u0107 si\u0119, gdy zdj\u0119cie produktu nie ma zarezerwowanego miejsca, pasek promocyjny pojawia si\u0119 nad tre\u015bci\u0105 albo przycisk dodania do koszyka przesuwa si\u0119 po za\u0142adowaniu dodatkowego elementu.<\/p>\n<p class=\"wp-block-paragraph\">Dobry wynik CLS wynosi <strong>0,1 lub mniej<\/strong>. Wynik powy\u017cej 0,1 i do 0,25 wymaga poprawy, a powy\u017cej 0,25 jest s\u0142aby. <a href=\"https:\/\/theporvix.com\/insights\/core-web-vitals-explained\/?utm_source=openai\" target=\"_blank\" rel=\"noopener\">Opis CLS i prog\u00f3w oceny<\/a><\/p>\n<p class=\"wp-block-paragraph\">CLS jest wa\u017cny szczeg\u00f3lnie podczas zakup\u00f3w na urz\u0105dzeniach mobilnych. Przesuni\u0119cie przycisku lub ceny mo\u017ce spowodowa\u0107 klikni\u0119cie innego elementu ni\u017c zamierzony. Wynik poprawia si\u0119 wtedy, gdy strona od pocz\u0105tku rezerwuje miejsce na obrazy, komunikaty i elementy interfejsu, zamiast przesuwa\u0107 tre\u015b\u0107 po jej wy\u015bwietleniu.<\/p>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Jak_odczytywac_wyniki_dane_terenowe_i_test_laboratoryjny\"><\/span>Jak odczytywa\u0107 wyniki: dane terenowe i test laboratoryjny?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"wp-block-paragraph\"><strong>Dane terenowe<\/strong> pochodz\u0105 z rzeczywistych wizyt u\u017cytkownik\u00f3w. Pokazuj\u0105, jak sklep dzia\u0142a w r\u00f3\u017cnych warunkach, na r\u00f3\u017cnych urz\u0105dzeniach i przy r\u00f3\u017cnych po\u0142\u0105czeniach. S\u0105 przydatne do oceny faktycznego do\u015bwiadczenia os\u00f3b odwiedzaj\u0105cych sklep.<\/p>\n<p class=\"wp-block-paragraph\"><strong>Test laboratoryjny<\/strong> odbywa si\u0119 w kontrolowanych warunkach. Pomaga powtarzalnie sprawdzi\u0107 zmian\u0119 w kodzie, stylach, obrazach lub skryptach. Nie odwzorowuje jednak wszystkich urz\u0105dze\u0144, sieci i zachowa\u0144 prawdziwych u\u017cytkownik\u00f3w. <a href=\"https:\/\/seorecheck.com\/blog\/core-web-vitals-guide?utm_source=openai\" target=\"_blank\" rel=\"noopener\">R\u00f3\u017cnice mi\u0119dzy danymi terenowymi a testami laboratoryjnymi<\/a><\/p>\n<p class=\"wp-block-paragraph\">Wynik testu laboratoryjnego mo\u017ce wygl\u0105da\u0107 dobrze, gdy testowana jest strona bez otwartego menu, bez wybranych filtr\u00f3w i bez zmian w koszyku. Dane terenowe mog\u0105 pokaza\u0107 inny obraz, poniewa\u017c obejmuj\u0105 rzeczywiste interakcje. Dlatego warto u\u017cywa\u0107 test\u00f3w laboratoryjnych do sprawdzania zmian, a danych terenowych do oceny powtarzalnych problem\u00f3w u\u017cytkownik\u00f3w.<\/p>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Co_oznacza_wynik_%E2%80%9Edobra%E2%80%9D_lub_%E2%80%9Ewymaga_poprawy%E2%80%9D\"><\/span>Co oznacza wynik \u201edobra\u201d lub \u201ewymaga poprawy\u201d?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p class=\"wp-block-paragraph\">Ocena Core Web Vitals dotyczy konkretnej metryki i konkretnego zestawu danych. \u201eDobra\u201d warto\u015b\u0107 oznacza spe\u0142nienie progu dla LCP, INP albo CLS. \u201eWymaga poprawy\u201d wskazuje obszar, w kt\u00f3rym cz\u0119\u015b\u0107 wizyt mo\u017ce mie\u0107 gorsze do\u015bwiadczenie. Nie nale\u017cy poprawia\u0107 jednej liczby kosztem innego elementu sklepu.<\/p>\n<p class=\"wp-block-paragraph\">Najpierw sprawd\u017a typ strony i czynno\u015b\u0107, kt\u00f3rej dotyczy problem. Dla LCP b\u0119dzie to pojawienie si\u0119 g\u0142\u00f3wnej tre\u015bci produktu. Dla INP b\u0119dzie to reakcja na filtr lub koszyk. Dla CLS b\u0119dzie to stabilno\u015b\u0107 zdj\u0119cia, ceny, banera i przycisk\u00f3w. Taka interpretacja jest bardziej u\u017cyteczna ni\u017c traktowanie wyniku jako jednej oceny ca\u0142ego sklepu.<\/p>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Jak_ustalac_kolejnosc_poprawek\"><\/span>Jak ustala\u0107 kolejno\u015b\u0107 poprawek?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol class=\"wp-block-list\">\n<li>Por\u00f3wnaj LCP, INP i CLS osobno, zamiast \u0142\u0105czy\u0107 je w jeden wynik.<\/li>\n<li>Sprawd\u017a, na kt\u00f3rych typach stron wyst\u0119puje problem: produkt, kategoria, wyniki filtrowania czy koszyk.<\/li>\n<li>Po zmianie wykonaj ponowny test laboratoryjny, aby sprawdzi\u0107 bezpo\u015bredni efekt.<\/li>\n<li>Nast\u0119pnie obserwuj dane terenowe, poniewa\u017c ich zmiana wymaga zebrania nowych wizyt.<\/li>\n<li>Oce\u0144 tak\u017ce sam\u0105 czynno\u015b\u0107 u\u017cytkownika. Lepszy wynik ma znaczenie wtedy, gdy strona szybciej pokazuje produkt, reaguje na filtr albo nie przesuwa przycisku zakupu.<\/li>\n<\/ol>\n<p class=\"wp-block-paragraph\">Core Web Vitals pomagaj\u0105 po\u0142\u0105czy\u0107 techniczn\u0105 wydajno\u015b\u0107 z dzia\u0142aniem sklepu. LCP odpowiada za widoczno\u015b\u0107 g\u0142\u00f3wnej tre\u015bci, INP za reakcj\u0119 na interakcje, a CLS za stabilno\u015b\u0107 uk\u0142adu. Najbardziej warto\u015bciowa poprawa to taka, kt\u00f3r\u0105 wida\u0107 jednocze\u015bnie w pomiarze i podczas korzystania z karty produktu, filtr\u00f3w oraz koszyka.<\/p>\n","protected":false},"author":6,"featured_media":10957,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[4223],"manual_kb_tag":[11473,4665,3048,1784,5648,5885,4633],"class_list":["post-18676","manual_kb","type-manual_kb","status-publish","format-standard","has-post-thumbnail","hentry","manualknowledgebasecat-e-commerce","manual_kb_tag-wydajnosc-sklepu","manual_kb_tag-inp","manual_kb_tag-e-commerce","manual_kb_tag-seo","manual_kb_tag-core-web-vitals","manual_kb_tag-lcp","manual_kb_tag-cls"],"_links":{"self":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/18676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb"}],"about":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/types\/manual_kb"}],"author":[{"embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":3,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/18676\/revisions"}],"predecessor-version":[{"id":18677,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/18676\/revisions\/18677"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/media\/10957"}],"wp:attachment":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/media?parent=18676"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manualknowledgebasecat?post=18676"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb_tag?post=18676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}