{"id":4733,"date":"2021-01-20T11:17:52","date_gmt":"2021-01-20T09:17:52","guid":{"rendered":"https:\/\/www.supermonitoring.pl\/blogpl\/?p=4733"},"modified":"2025-10-12T17:57:44","modified_gmt":"2025-10-12T15:57:44","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/","title":{"rendered":"Core Web Vitals \u2013 czym s\u0105, jak je mierzy\u0107 i monitorowa\u0107"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lcp-fid-cls.png\" alt=\"LCP, FID, CLS\" width=\"1280\" height=\"628\" class=\"aligncenter size-full wp-image-4790\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lcp-fid-cls.png 1280w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lcp-fid-cls-300x147.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lcp-fid-cls-1024x502.png 1024w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lcp-fid-cls-768x377.png 768w\" sizes=\"auto, (max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p>Google od dawna komunikuje, \u017ce nadrz\u0119dnym celem dzia\u0142a\u0144 firmy jest ulepszanie Internetu w znaczeniu podnoszenia jako\u015bci stron internetowych oraz publikowanych na nich tre\u015bci. <\/p>\n<p>Wpisuje si\u0119 to w cele typowo biznesowe (ju\u017c tak szeroko niekomunikowane), czyli maksymalizacj\u0119 przychod\u00f3w generowanych przez wyszukiwark\u0119. Im lepsza jako\u015b\u0107 serwowanych u\u017cytkownikom wynik\u00f3w wyszukiwania, tym wi\u0119cej klikni\u0119\u0107. A jako\u015b\u0107 wynik\u00f3w nigdy nie b\u0119dzie wy\u017csza ni\u017c jako\u015b\u0107 najlepszych stron i tre\u015bci dost\u0119pnych dla danego zapytania.<\/p>\n<p>Dzier\u017c\u0105c pozycj\u0119 wyszukiwarki internetowej numer jeden w wi\u0119kszo\u015bci kraj\u00f3w \u015bwiata i informuj\u0105c publicznie o wybranych czynnikach rankingowych, Google ma realny wp\u0142yw na wydawc\u00f3w, kt\u00f3rzy musz\u0105 optymalizowa\u0107 swoje strony pod k\u0105tem tych\u017ce czynnik\u00f3w.<\/p>\n<h2>Page Experience Signals<\/h2>\n<p>Koncentracja na u\u017cytkowniku i jego \u201ezadowoleniu\u201d z wynik\u00f3w wyszukiwania oraz tego, co znalaz\u0142 na stronie po klikni\u0119ciu jednego z topowych wynik\u00f3w, sprawi\u0142a, \u017ce Google musia\u0142 wyj\u015b\u0107 poza ocen\u0119 tylko tre\u015bci \u2013 i zacz\u0105\u0142 interesowa\u0107 si\u0119 User Experience.<\/p>\n<p><a href=\"https:\/\/developers.google.com\/search\/docs\/guides\/page-experience\" target=\"_blank\" rel=\"noopener\">Page Experience Signals<\/a> to zestaw czynnik\u00f3w, niezwi\u0105zanych z jako\u015bci\u0105 tre\u015bci, s\u0142u\u017c\u0105cych Google do ewaluacji stron internetowych pod k\u0105tem UX.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/page-experience-signals.png\" alt=\"Page Experience Signals\" width=\"1216\" height=\"840\" class=\"aligncenter size-full wp-image-4739\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/page-experience-signals.png 1216w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/page-experience-signals-300x207.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/page-experience-signals-1024x707.png 1024w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/page-experience-signals-768x531.png 768w\" sizes=\"auto, (max-width: 1216px) 100vw, 1216px\" \/><\/p>\n<p>S\u0105 to nast\u0119puj\u0105ce czynniki:<\/p>\n<ul>\n<li><strong>Wczytywanie<\/strong> (Loading)<\/li>\n<li><strong>Interaktywno\u015b\u0107<\/strong> (Interactivity)<\/li>\n<li><strong>Stabilno\u015b\u0107 wizualna<\/strong> (Visual stability)<\/li>\n<li>Przyjazno\u015b\u0107 mobilna (Mobile friendliness)<\/li>\n<li>Bezpieczne surfowanie (Safe browsing)<\/li>\n<li>Szyfrowane po\u0142\u0105czenie (HTTPS)<\/li>\n<li>Brak inwazyjnych reklam zas\u0142aniaj\u0105cych tre\u015bci (No Intrusive Interstitials).<\/li>\n<\/ul>\n<p>Pierwsze trzy spo\u015br\u00f3d wymienionych wy\u017cej czynnik\u00f3w stanowi\u0105 <strong>Core Web Vitals<\/strong> i do\u0142\u0105czy\u0142y do pozosta\u0142ych czterech (stosowanych ju\u017c obecnie), <a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/11\/timing-for-page-experience\" target=\"_blank\" rel=\"noopener\">staj\u0105c si\u0119 czynnikami rankingowymi w maju 2021<\/a>.<\/p>\n<h2>Czym s\u0105 Core Web Vitals?<\/h2>\n<p>Core Web Vitals to nie tylko og\u00f3lna definicja czynnik\u00f3w UX, kt\u00f3re Google zaraz zacznie uwzgl\u0119dnia\u0107 przy ocenie stron.<br \/>\nTo r\u00f3wnie\u017c zestaw konkretnych wska\u017anik\u00f3w wraz ze szczeg\u00f3\u0142owym okre\u015bleniem sposobu ich mierzenia oraz poziom\u00f3w warto\u015bci traktowanych jako dobre, wymagaj\u0105ce poprawy oraz z\u0142e.<\/p>\n<h3 id=\"LCP\">Wczytywanie: Largest Contentful Paint (LCP)<\/h3>\n<p>Ca\u0142kowity czas wczytania strony internetowej nie jest uniwersalnie miarodajn\u0105 warto\u015bci\u0105 w kontek\u015bcie do\u015bwiadczenia u\u017cytkownika, poniewa\u017c cz\u0119sto wi\u0119kszo\u015b\u0107 strony znajduje si\u0119 w obszarze BelowTheFold, czyli niewidocznym bez przewijania.<br \/>\nWska\u017anik LCP mierzy <em>postrzegan\u0105<\/em> szybko\u015b\u0107 \u0142adowania strony internetowej. Jego warto\u015b\u0107 to czas wczytania najwi\u0119kszego elementu graficznego lub bloku tekstowego wewn\u0105trz widocznego fragmentu strony (AboveTheFold).<\/p>\n<h4>Ocena wyniku LCP<\/h4>\n<ul>\n<li>Dobry wynik LCP: mniejszy ni\u017c 2,5 sekundy<\/li>\n<li>Wynik LCP wymagaj\u0105cy poprawy: czas pomi\u0119dzy 2,5 a 4 sekundy<\/li>\n<li>Z\u0142y wynik LCP: powy\u017cej 4 sekund.<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lcp_8x2.svg\" alt=\"LCP\" class=\"aligncenter size-full\" \/><\/p>\n<p><a href=\"https:\/\/web.dev\/lcp\/\" target=\"_blank\" rel=\"noopener\">Wi\u0119cej informacji o LCP<\/a><\/p>\n<h4>Optymalizacja strony pod k\u0105tem LCP<\/h4>\n<p>Nast\u0119puj\u0105ce dzia\u0142ania optymalizacyjne maj\u0105 wp\u0142yw na wyniki LCP:<\/p>\n<ul>\n<li>optymalizacja czasu odpowiedzi serwera<\/li>\n<li>optymalizacja grafik<\/li>\n<li>optymalizacja czcionek<\/li>\n<li>optymalizacja styl\u00f3w CSS.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/web.dev\/optimize-lcp\/\" target=\"_blank\" rel=\"noopener\">Wi\u0119cej o optymalizacji LCP<\/a><\/p>\n<h3 id=\"FID\">Interaktywno\u015b\u0107: First Input Delay (FID)<\/h3>\n<p>Wczytanie i wy\u015bwietlenie strony to jedno \u2013 a jej gotowo\u015b\u0107 do dzia\u0142ania to ju\u017c inna sprawa.<br \/>\nFID, podobnie jak LCP, jest zwi\u0105zany z szybko\u015bci\u0105 dzia\u0142ania strony. Mierzy czas, w jakim strona reaguje na akcj\u0119 wykonan\u0105 przez u\u017cytkownika \u2013 np. klikni\u0119cie linku lub przycisku.<\/p>\n<h4>Ocena wyniku FID<\/h4>\n<ul>\n<li>Dobry wynik FID: mniejszy ni\u017c 100 milisekund<\/li>\n<li>Wynik FID wymagaj\u0105cy poprawy: czas pomi\u0119dzy 100 a 300 milisekund<\/li>\n<li>Z\u0142y wynik FID: powy\u017cej 300 milisekund.<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/fid_8x2.svg\" alt=\"FID\" class=\"aligncenter size-full\" \/><\/p>\n<p><a href=\"https:\/\/web.dev\/fid\/\" target=\"_blank\" rel=\"noopener\">Wi\u0119cej informacji o FID<\/a><\/p>\n<h4>Optymalizacja strony pod k\u0105tem FID<\/h4>\n<p>Dzia\u0142ania wp\u0142ywaj\u0105ce na zmniejszenie warto\u015bci FID:<\/p>\n<ul>\n<li>redukcja wp\u0142ywu kodu z zewn\u0119trznych serwis\u00f3w<\/li>\n<li>zmniejszenie czasu wykonania kodu JavaScript<\/li>\n<li>zmniejszenie liczby zapyta\u0144 do serwera oraz \u0142\u0105cznej wielko\u015bci transferu.<\/li>\n<\/ul>\n<p id=\"TBT\"><a href=\"https:\/\/web.dev\/optimize-fid\/\" target=\"_blank\" rel=\"noopener\">Wi\u0119cej o optymalizacji FID<\/a><\/p>\n<p>W niekt\u00f3rych narz\u0119dziach (np. Chrome DevTools i Lighthouse), zamiast FID dost\u0119pna jest warto\u015b\u0107 <a href=\"https:\/\/web.dev\/tbt\/\" target=\"_blank\" rel=\"noopener\">Total Blocking Time (TBT)<\/a>.<\/p>\n<h3 id=\"CLS\">Stabilno\u015b\u0107 wizualna: Cumulative Layout Shift (CLS)<\/h3>\n<p>Na pewno kojarzysz niezwykle irytuj\u0105c\u0105 sytuacj\u0119, w kt\u00f3rej chcesz klikn\u0105\u0107 opcj\u0119 w menu, przesuwasz mysz, a tu\u017c przed wci\u015bni\u0119ciem przycisku belka menu przesuwa si\u0119 w d\u00f3\u0142 i w jej miejscu pojawia si\u0119 wielki baner, kt\u00f3ry \u201ekradnie\u201d klikni\u0119cie.<br \/>\nCLS jest pomys\u0142em na pomiar ca\u0142kowitej warto\u015bci (liczby oraz wielko\u015bci) takich przesuni\u0119\u0107 element\u00f3w strony w czasie jej wczytywania i wy\u015bwietlania.<\/p>\n<h4>Ocena wyniku CLS<\/h4>\n<ul>\n<li>Dobry wynik CLS: mniejszy ni\u017c 0.1<\/li>\n<li>Wynik CLS wymagaj\u0105cy poprawy: warto\u015b\u0107 pomi\u0119dzy 0,1 a 0.25<\/li>\n<li>Z\u0142y wynik CLS: powy\u017cej 0.25<\/li>\n<\/ul>\n<p><img decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/cls_8x2.svg\" alt=\"CLS\" class=\"aligncenter size-full\" \/><\/p>\n<p><a href=\"https:\/\/web.dev\/cls\/\" target=\"_blank\" rel=\"noopener\">Wi\u0119cej informacji o CLS<\/a><\/p>\n<h4>Optymalizacja strony pod k\u0105tem CLS<\/h4>\n<p>Dzia\u0142ania wp\u0142ywaj\u0105ce na zmniejszenie warto\u015bci FID:<\/p>\n<ul>\n<li>uwzgl\u0119dnianie wymiar\u00f3w obiekt\u00f3w graficznych i video w HTMLu<\/li>\n<li>rezerwowanie przestrzeni za pomoc\u0105 CSS dla wczytywanych element\u00f3w<\/li>\n<li>unikanie wstawiania tre\u015bci nad istniej\u0105c\u0105 zawarto\u015bci\u0105<\/li>\n<li>unikanie animacji zmieniaj\u0105cych pozycje obiekt\u00f3w.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/web.dev\/optimize-cls\/\" target=\"_blank\" rel=\"noopener\">Wi\u0119cej o optymalizacji CLS<\/a><\/p>\n<h2 id=\"lab-field\">Dane laboratoryjne a dane rzeczywiste<\/h2>\n<p>Istniej\u0105 dwa \u017ar\u00f3d\u0142a danych o warto\u015bciach Core Web Vitals ka\u017cdej strony internetowej:<\/p>\n<ol style=\"list-style-type: lower-alpha;\">\n<li><strong>dane laboratoryjne<\/strong> (lab data) \u2013 czyli pomiary wykonane za pomoc\u0105 specjalistycznych narz\u0119dzi;<\/li>\n<li><strong>dane rzeczywiste<\/strong> (field data) \u2013 gromadzone w czasie wizyt prawdziwych u\u017cytkownik\u00f3w korzystaj\u0105cych z przegl\u0105darki Chrome.<\/li>\n<\/ol>\n<p>Dane laboratoryjne mo\u017cna zmierzy\u0107 za pomoc\u0105 przegl\u0105darki Chrome, aplikacji webowych Page Speed Insights, Web.dev, WebPageTest (patrz ni\u017cej), lub wykonuj\u0105c pomiar samodzielnie, wykorzystuj\u0105c udost\u0119pniony przez Google <a href=\"https:\/\/github.com\/GoogleChrome\/web-vitals\" target=\"_blank\" rel=\"noopener\">otwarty kod<\/a>.<\/p>\n<p>Z kolei dane rzeczywiste, zgromadzone przez Google \u2013 a konkretnie \u015bredni\u0105 krocz\u0105c\u0105 z ostatnich 28 dni \u2013 mo\u017cna uzyska\u0107 z Chrome UX Report API \u2013 \u0142\u0105cz\u0105c si\u0119 samodzielnie lub za pomoc\u0105 Page Speed Insights, Search Console albo CrUX API Tool.<\/p>\n<h2>Jak mierzy\u0107 Core Web Vitals?<\/h2>\n<p>Google, prezentuj\u0105c Core Web Vitals, udost\u0119pni\u0142 wyczerpuj\u0105c\u0105 dokumentacj\u0119 oraz zestaw narz\u0119dzi, za pomoc\u0105 kt\u00f3rych mo\u017cna samodzielnie analizowa\u0107 LCP, FID i CLS. Co wi\u0119cej, Google umo\u017cliwi\u0142 r\u00f3wnie\u017c bezp\u0142atny dost\u0119p do danych rzeczywistych, gromadzonych w czasie wizyt tysi\u0119cy u\u017cytkownik\u00f3w przegl\u0105darki Chrome.<\/p>\n<div style=\"margin:20px 0 10px;line-height:1.2em;font-size:27px;font-weight:400;color:#333;font-family:Bangers,Arial,sans-serif;\">Narz\u0119dzia Google<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-page-speed-insights-1.png\" alt=\"Google Page Speed Insights\" width=\"150\" height=\"150\" class=\"alignright size-full wp-image-4743\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-page-speed-insights-1.png 400w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-page-speed-insights-1-300x300.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-page-speed-insights-1-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-page-speed-insights-1-200x200.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<h3>Page Speed Insights (Web)<\/h3>\n<p>W grudniu 2020, znane od lat narz\u0119dzie <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">Page Speed Insights<\/a> opr\u00f3cz danych opartych na Lighthouse zacz\u0119\u0142o wy\u015bwietla\u0107 rzeczywiste dane Core Web Vitals, pochodz\u0105ce z Chrome UX Report API. Oczywi\u015bcie tylko dla stron, dla kt\u00f3rych zosta\u0142a zgromadzona miarodajna ilo\u015b\u0107 danych.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-page-speedPL.png\" alt=\"Google Page Speed Insights - zrzut ekranu\" width=\"1000\" height=\"1125\" class=\"aligncenter size-full wp-image-4766\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-page-speedPL.png 1000w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-page-speedPL-267x300.png 267w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-page-speedPL-910x1024.png 910w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-page-speedPL-768x864.png 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-dev.png\" alt=\"Web.Dev\" width=\"150\" height=\"150\" class=\"alignright size-full wp-image-4758\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-dev.png 400w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-dev-300x300.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-dev-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-dev-200x200.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<h3>Web.dev (Web)<\/h3>\n<p>R\u00f3wnie\u017c <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\">web.dev<\/a>, b\u0119d\u0105cy swego rodzaju rozwini\u0119ciem Page Speed Insights, zacz\u0105\u0142 uwzgl\u0119dnia\u0107 Core Web Vitals. Jednak s\u0105 to tylko dane laboratoryjne, czyli mierzone w czasie testu, z poziomu serwera web.dev.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webdevPL.png\" alt=\"Web.dev - zrzut ekranu\" width=\"1250\" height=\"782\" class=\"aligncenter size-full wp-image-4767\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webdevPL.png 1250w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webdevPL-300x188.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webdevPL-1024x641.png 1024w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webdevPL-768x480.png 768w\" sizes=\"auto, (max-width: 1250px) 100vw, 1250px\" \/><\/p>\n<h3>Search Console<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-search-console.png\" alt=\"Google Search Console\" width=\"150\" height=\"150\" class=\"alignright size-full wp-image-4745\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-search-console.png 400w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-search-console-300x300.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-search-console-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-search-console-200x200.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>Najbardziej przydatne z punktu widzenia w\u0142a\u015bciciela strony internetowej wydaje si\u0119 by\u0107 pojawienie si\u0119 danych Core Web Vitals w Google Search Console. W sekcji &#8220;Ulepszenia&#8221; > &#8220;Podstawowe wska\u017aniki internetowe&#8221; zacz\u0119\u0142y pojawia\u0107 si\u0119 wyniki rzeczywistych pomiar\u00f3w LCP, FID i CLS. A do u\u017cytkownik\u00f3w zacz\u0119\u0142y by\u0107 wysy\u0142ane ostrze\u017cenia w przypadku problem\u00f3w z ich warto\u015bciami.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-search-console1PL.png\" alt=\"Google Search Console - zrzut ekranu\" width=\"1158\" height=\"940\" class=\"aligncenter size-full wp-image-4768\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-search-console1PL.png 1158w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-search-console1PL-300x244.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-search-console1PL-1024x831.png 1024w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-search-console1PL-768x623.png 768w\" sizes=\"auto, (max-width: 1158px) 100vw, 1158px\" \/><\/p>\n<h3>Chrome DevTools (przegl\u0105darka)<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-dev-tools.png\" alt=\"Chrome DevTools\" width=\"150\" height=\"150\" class=\"alignright size-full wp-image-4746\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-dev-tools.png 400w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-dev-tools-300x300.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-dev-tools-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-dev-tools-200x200.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>Je\u017celi w przegl\u0105darce Chrome wci\u015bniesz F12 (w\u0142\u0105czenie DevTools), a nast\u0119pnie zmienisz zak\u0142adk\u0119 na \u201ePerformance\u201d, uzyskasz dost\u0119p do szczeg\u00f3\u0142owych wynik\u00f3w analizy wydajno\u015bci strony, w tym Core Web Vitals. W sekcji \u201eExperience\u201d znajdziesz informacje o przesuni\u0119ciach layoutu (CLS) a w sekcji \u201eTimings\u201d warto\u015b\u0107 LCP. Z kolei TBT wy\u015bwietlany jest w stopce raportu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-devtoolsPL.png\" alt=\"Chrome DevTools - zrzut ekranu\" width=\"784\" height=\"632\" class=\"aligncenter size-full wp-image-4769\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-devtoolsPL.png 784w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-devtoolsPL-300x242.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-devtoolsPL-768x619.png 768w\" sizes=\"auto, (max-width: 784px) 100vw, 784px\" \/><\/p>\n<h3>Wtyczka do Chrome Web Vitals (przegl\u0105darka)<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-extension.png\" alt=\"Web Vitals Browser Extansion\" width=\"150\" height=\"150\" class=\"alignright size-full wp-image-4747\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-extension.png 400w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-extension-300x300.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-extension-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-extension-200x200.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p><a href=\"https:\/\/chromewebstore.google.com\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma\" target=\"_blank\" rel=\"noopener\">Wtyczka Web Vitals<\/a> dla przegl\u0105darki Chrome upraszcza spos\u00f3b, w jaki warto\u015bci LCP, FID i CLS zmierzone przez przegl\u0105dark\u0119 s\u0105 wy\u015bwietlane. Pokazuje po prostu zmierzone warto\u015bci tych trzech wska\u017anik\u00f3w, odpowiednio pokolorowane \u2013 w zale\u017cno\u015bci od ich oceny.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-pluginPL.png\" alt=\"wtyczka Web Vitals - zrzut ekranu\" width=\"705\" height=\"372\" class=\"aligncenter size-full wp-image-4770\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-pluginPL.png 705w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-pluginPL-300x158.png 300w\" sizes=\"auto, (max-width: 705px) 100vw, 705px\" \/><\/p>\n<h3>Lighthouse (dla programist\u00f3w)<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lighthouse.png\" alt=\"Lighthouse\" width=\"150\" height=\"150\" class=\"alignright size-full wp-image-4748\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lighthouse.png 400w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lighthouse-300x300.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lighthouse-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lighthouse-200x200.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>Lighthouse to programistyczne narz\u0119dzie analizuj\u0105ce wydajno\u015b\u0107 stron internetowych, wykorzystywane m.in. przez wspomniane wy\u017cej Google Page Speed i Web.dev. Jest dost\u0119pne w postaci <a href=\"https:\/\/github.com\/GoogleChrome\/lighthouse\/\" target=\"_blank\" rel=\"noopener\">pakietu open source<\/a>, jak r\u00f3wnie\u017c wtyczek do <a href=\"https:\/\/chromewebstore.google.com\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk\" target=\"_blank\" rel=\"noopener\">Chrome<\/a> oraz <a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/google-lighthouse\/\" target=\"_blank\" rel=\"noopener\">Firefoxa<\/a>.<br \/>\nGoogle Lighthouse mierzy LCP, CLS oraz wspomniany wy\u017cej TBT, skorelowany z FID.<\/p>\n<h3>Chrome UX Report API (dla programist\u00f3w)<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-ux-report.png\" alt=\"Chrome UX Report\" width=\"150\" height=\"150\" class=\"alignright size-full wp-image-4749\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-ux-report.png 400w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-ux-report-300x300.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-ux-report-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/chrome-ux-report-200x200.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>Wspomniane wy\u017cej <a href=\"https:\/\/developer.chrome.com\/docs\/crux\/api?hl=pl\" target=\"_blank\" rel=\"noopener\">API do Chrome UX Report<\/a> (CrUX) daje dost\u0119p programistom do wynik\u00f3w tysi\u0119cy pomiar\u00f3w wykonanych w trakcie rzeczywistych wizyt na stronach wykonanych za pomoc\u0105 przegl\u0105darki Chrome. Uzupe\u0142nienie danych laboratoryjnych o rzeczywiste pozwala uzyska\u0107 w miar\u0119 kompletny obraz oceny strony internetowej pod k\u0105tem UX w \u201eoczach\u201d Google.<\/p>\n<div style=\"margin:20px 0 10px;line-height:1.2em;font-size:27px;font-weight:400;color:#333;font-family:Bangers,Arial,sans-serif;\">Inne narz\u0119dzia<\/div>\n<h3>WebPageTest (Web)<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webpagetest.png\" alt=\"WebPageTest\" width=\"150\" height=\"150\" class=\"alignleft size-full wp-image-4751\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webpagetest.png 400w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webpagetest-300x300.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webpagetest-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webpagetest-200x200.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>Najlepsze niezale\u017cne narz\u0119dzie do analizy stron internetowych pod k\u0105tem wydajno\u015bci \u2013 <a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"noopener nofollow\">WebPageTest<\/a> \u2013 przej\u0119te we wrze\u015bniu 2020 przez Catchpoint, w grudniu 2020 zacz\u0119\u0142o mierzy\u0107 Core Web Vitals. Opr\u00f3cz wy\u015bwietlania zmierzonych warto\u015bci LCP, TBT i CLS, WebPageTest udost\u0119pnia \u201eFilmstrip View\u201d, czyli animowany podgl\u0105d wczytywania strony z mo\u017cliwo\u015bci\u0105 pod\u015bwietlenia przesuni\u0119\u0107 layoutu.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webpagetest1PL.png\" alt=\"WebPageTest - zrzut ekranu\" width=\"1260\" height=\"710\" class=\"aligncenter size-full wp-image-4771\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webpagetest1PL.png 1260w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webpagetest1PL-300x169.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webpagetest1PL-1024x577.png 1024w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/webpagetest1PL-768x433.png 768w\" sizes=\"auto, (max-width: 1260px) 100vw, 1260px\" \/><\/p>\n<h3>CrUX API Tool (Web)<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/crux-api-tool.png\" alt=\"CrUX API Tool\" width=\"150\" height=\"150\" class=\"alignleft size-full wp-image-4752\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/crux-api-tool.png 400w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/crux-api-tool-300x300.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/crux-api-tool-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/crux-api-tool-200x200.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>Najszybszy spos\u00f3b na podejrzenie aktualnych warto\u015bci danych rzeczywistych Core Web Vitals dla dowolnej strony internetowej to u\u017cycie <a href=\"https:\/\/core-web-vitals.now.sh\/\" target=\"_blank\" rel=\"noopener\">CrUX API Tool<\/a>. To proste narz\u0119dzie pobieraj\u0105ce i wy\u015bwietlaj\u0105ce dane z Chrome UX Report API.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/crux-api-tool1.png\" alt=\"CrUX API Tool - zrzut ekranu\" width=\"1132\" height=\"1202\" class=\"aligncenter size-full wp-image-4772\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/crux-api-tool1.png 1132w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/crux-api-tool1-283x300.png 283w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/crux-api-tool1-964x1024.png 964w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/crux-api-tool1-768x815.png 768w\" sizes=\"auto, (max-width: 1132px) 100vw, 1132px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3>Layout Shift GIF Generator (Web)<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/layout-shift-generator.png\" alt=\"Layout Shift GIF Generator\" width=\"150\" height=\"150\" class=\"alignleft size-full wp-image-4753\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/layout-shift-generator.png 400w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/layout-shift-generator-300x300.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/layout-shift-generator-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/layout-shift-generator-200x200.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>Pod koniec lipca 2020 Chris Johnson udost\u0119pni\u0142 narz\u0119dzie o nazwie \u201e<a href=\"https:\/\/defaced.dev\/tools\/layout-shift-gif-generator\/\" target=\"_blank\" rel=\"noopener\">Layout Shift GIF Generator<\/a>\u201d, s\u0142u\u017c\u0105ce do wizualizacji przesuni\u0119\u0107 layoutu (CLS) za pomoc\u0105 animowanego GIFa. Animacje generowane s\u0105 dla urz\u0105dze\u0144 desktopowych, jak r\u00f3wnie\u017c mobilnych. Narz\u0119dzie dost\u0119pne jest r\u00f3wnie\u017c jako <a href=\"https:\/\/github.com\/workeffortwaste\/layout-shift-gif\" target=\"_blank\" rel=\"noopener\">pakiet open source<\/a>.<br \/>\n&nbsp;<\/p>\n<div class=\"col-md-8\"><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/layout-shift-desktopPL.gif\" alt=\"Layour Shift GIF - desktop\" width=\"1280\" height=\"720\" class=\"aligncenter size-full wp-image-4773\" style=\"max-width:540px;width:100%;\" \/><\/div>\n<div class=\"col-md-4\"><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/layout-shift-mobilePL.gif\" alt=\"Layout Shift GIF - mobile\" width=\"412\" height=\"732\" class=\"aligncenter size-full wp-image-4774\" style=\"max-width:160px;width:100%;clear:both;\" \/><\/div>\n<p>&nbsp;<\/p>\n<h2>Monitorowanie Core Web Vitals<\/h2>\n<p>Do sta\u0142ego \u015bledzenia LCP, FID i CLS najbardziej przydaje si\u0119 Google Search Console. Wy\u015bwietla rzeczywiste dane Core Web Vitals w postaci wykres\u00f3w i zapewnia alerty w przypadku pogorszenia si\u0119 warto\u015bci wska\u017anik\u00f3w.<\/p>\n<h3>Google Analytics<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-analytics.png\" alt=\"Google Analytics\" width=\"150\" height=\"150\" class=\"alignright size-full wp-image-4756\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-analytics.png 400w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-analytics-300x300.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-analytics-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-analytics-200x200.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>Core Web Vitals mo\u017cna te\u017c monitorowa\u0107 za pomoc\u0105 Google Analytics. S\u0142u\u017cy do tego biblioteka <a href=\"https:\/\/github.com\/GoogleChrome\/web-vitals\" target=\"_blank\" rel=\"noopener\">web-vitals<\/a>, kt\u00f3r\u0105 trzeba wczyta\u0107 na monitorowanej stronie, a nast\u0119pnie zapewni\u0107 wysy\u0142anie wynik\u00f3w pomiar\u00f3w do Google Analytics.<br \/>\n<a href=\"https:\/\/github.com\/GoogleChrome\/web-vitals#send-the-results-to-google-analytics\" target=\"_blank\" rel=\"noopener\">Tutaj<\/a> znajduje si\u0119 szczeg\u00f3\u0142owa instrukcja dla r\u00f3\u017cnych wersji GA \u2013 analytics.js, gtag.js oraz Google Tag Managera.<\/p>\n<h3>Web Vitals Report<\/h3>\n<p><P>Przegl\u0105danie zgromadzonych w Google Analytics danych Core Web Vitals u\u0142atwia aplikacja Web Vitals Report, dost\u0119pna r\u00f3wnie\u017c w postaci <a href=\"https:\/\/github.com\/GoogleChromeLabs\/web-vitals-report\" target=\"_blank\" rel=\"noopener\">pakietu open source<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-report1.png\" alt=\"Web Vitals Report 1\" width=\"592\" height=\"392\" class=\"aligncenter size-full wp-image-4775\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-report1.png 592w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-report1-300x199.png 300w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-report2.png\" alt=\"Web Vitals Report 2\" width=\"592\" height=\"392\" class=\"aligncenter size-full wp-image-4776\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-report2.png 592w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/web-vitals-report2-300x199.png 300w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-data-studio.png\" alt=\"Google Data Studio\" width=\"150\" height=\"150\" class=\"alignright size-full wp-image-4754\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-data-studio.png 400w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-data-studio-300x300.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-data-studio-150x150.png 150w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-data-studio-200x200.png 200w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<h3>Google Data Studio<\/h3>\n<p>Do danych rzeczywistych, dost\u0119pnych za pomoc\u0105 Chrome UX Report API, mo\u017cna pod\u0142\u0105czy\u0107 Google Data Studio, tworz\u0105c w\u0142asn\u0105 tablic\u0119 (dashboard). Rick Viscomi przygotowa\u0142 <a href=\"https:\/\/developer.chrome.com\/docs\/crux\/guides\/looker-studio-dashboard?hl=pl\" target=\"_blank\" rel=\"noopener\">szczeg\u00f3\u0142ow\u0105 instrukcj\u0119<\/a>, jak to zrobi\u0107.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-data-studio4.png\" alt=\"Google Data Studio - zrzut ekranu\" width=\"984\" height=\"775\" class=\"aligncenter size-full wp-image-4777\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-data-studio4.png 984w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-data-studio4-300x236.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/google-data-studio4-768x605.png 768w\" sizes=\"auto, (max-width: 984px) 100vw, 984px\" \/><\/p>\n<h3>Super Monitoring<\/h3>\n<p>W odr\u00f3\u017cnieniu od narz\u0119dzi wymienionych wy\u017cej, <a href=\"\/p\/monitoring-core-web-vitals\">Super Monitoring<\/a> pozwala monitorowa\u0107 nie tylko dane Field, ale r\u00f3wnie\u017c dane Lab. Czyli regularnie wykonuje w\u0142asne pomiary w u\u015brednionym \u015brodowisku.<br \/>\nPozwala to wykrywa\u0107 pogorszenie jako\u015bci interakcji natychmiast po jego wyst\u0105pieniu &#8211; a nie dopiero po jakim\u015b czasie korzystania z pogorszonej wersji przez u\u017cytkownik\u00f3w.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/core-web-vitals-wykresy.png\" alt=\"wykresy Core Web Vitals w Super Monitoring\" width=\"1423\" height=\"1221\" class=\"aligncenter size-full wp-image-5110\" srcset=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/core-web-vitals-wykresy.png 1423w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/core-web-vitals-wykresy-300x257.png 300w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/core-web-vitals-wykresy-1024x879.png 1024w, https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/core-web-vitals-wykresy-768x659.png 768w\" sizes=\"auto, (max-width: 1423px) 100vw, 1423px\" \/><\/p>\n<h2>Podsumowanie<\/h2>\n<p>W 2009 roku Google og\u0142osi\u0142 zamiar w\u0142\u0105czenia <a href=\"\/p\/monitoring-czasu-wczytywania\" target=\"_blank\" rel=\"noopener\" class=\"intlink\">szybko\u015bci wczytywania strony<\/a> do czynnik\u00f3w rankingowych (co uczyni\u0142 rok p\u00f3\u017aniej). \u015awiat tw\u00f3rc\u00f3w i w\u0142a\u015bcicieli stron ogarn\u0105\u0142 sza\u0142 optymalizacji pod k\u0105tem czasu \u0142adowania. Do tej pory nie jest jasne, jak silnym czynnikiem jest szybko\u015b\u0107 strony. Ale nie mo\u017cna Google\u2019owi odm\u00f3wi\u0107 pozytywnego wp\u0142ywu na szybko\u015b\u0107 globalnego Internetu.<\/p>\n<p>Teraz mamy podobn\u0105 sytuacj\u0119 z User Experience \u2013 w postaci wprowadzonych przez Google wska\u017anik\u00f3w Core Web Vitals. Nikt nie chce zosta\u0107 w tyle (spa\u015b\u0107 w rankingach) ze swoj\u0105 stron\u0105 i optymalizuje j\u0105 (lub zamierza w najbli\u017cszym czasie zacz\u0105\u0107) pod k\u0105tem UX.<\/p>\n<p>Mamy nadziej\u0119, \u017ce nasz artyku\u0142 u\u0142atwi Ci zrozumienie nowych wska\u017anik\u00f3w, a wymienione narz\u0119dzia przydadz\u0105 si\u0119 w optymalizowaniu Twojej strony.<\/p>\n<p>Je\u017celi znasz inne narz\u0119dzia przydatne w kontek\u015bcie Core Web Vitals, napisz o nich w komentarzach.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>W maju 2021 Google zacz\u0105\u0142 uwzgl\u0119dnia\u0107 wska\u017aniki UX w ustalaniu ranking\u00f3w. Czy Twoja strona jest na to gotowa? \u015aledzisz poziomy LCP, FID i CLS?<\/p>\n","protected":false},"author":1,"featured_media":4791,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[586,72],"tags":[359,362,284],"class_list":["post-4733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-promowany","category-seosem","tag-optymalizacja","tag-szybkosc-strony","tag-ux"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Core Web Vitals \u2013 czym s\u0105, jak je mierzy\u0107 i monitorowa\u0107<\/title>\n<meta name=\"description\" content=\"W maju 2021 Google zacz\u0105\u0142 uwzgl\u0119dnia\u0107 wska\u017aniki UX w ustalaniu ranking\u00f3w. Czy Twoja strona jest na to gotowa? \u015aledzisz poziomy LCP, FID i CLS?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core Web Vitals \u2013 czym s\u0105, jak je mierzy\u0107 i monitorowa\u0107\" \/>\n<meta property=\"og:description\" content=\"W maju 2021 Google zacz\u0105\u0142 uwzgl\u0119dnia\u0107 wska\u017aniki UX w ustalaniu ranking\u00f3w. Czy Twoja strona jest na to gotowa? \u015aledzisz poziomy LCP, FID i CLS?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Super Monitoring\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/monitoring.stron\" \/>\n<meta property=\"article:published_time\" content=\"2021-01-20T09:17:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-12T15:57:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lcp-fid-cls-square.png\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Superbohater\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@MonitoringStron\" \/>\n<meta name=\"twitter:site\" content=\"@MonitoringStron\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Superbohater\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/core-web-vitals\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/core-web-vitals\\\/\"},\"author\":{\"name\":\"Superbohater\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/person\\\/3eb9411b1c07a06bc6a91b4de7ca0761\"},\"headline\":\"Core Web Vitals \u2013 czym s\u0105, jak je mierzy\u0107 i monitorowa\u0107\",\"datePublished\":\"2021-01-20T09:17:52+00:00\",\"dateModified\":\"2025-10-12T15:57:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/core-web-vitals\\\/\"},\"wordCount\":1888,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/core-web-vitals\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/lcp-fid-cls-square.png\",\"keywords\":[\"optymalizacja\",\"szybko\u015b\u0107 strony\",\"ux\"],\"articleSection\":[\"Promowany\",\"SEO\\\/SEM\"],\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/core-web-vitals\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/core-web-vitals\\\/\",\"url\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/core-web-vitals\\\/\",\"name\":\"Core Web Vitals \u2013 czym s\u0105, jak je mierzy\u0107 i monitorowa\u0107\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/core-web-vitals\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/core-web-vitals\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/lcp-fid-cls-square.png\",\"datePublished\":\"2021-01-20T09:17:52+00:00\",\"dateModified\":\"2025-10-12T15:57:44+00:00\",\"description\":\"W maju 2021 Google zacz\u0105\u0142 uwzgl\u0119dnia\u0107 wska\u017aniki UX w ustalaniu ranking\u00f3w. Czy Twoja strona jest na to gotowa? \u015aledzisz poziomy LCP, FID i CLS?\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/core-web-vitals\\\/#breadcrumb\"},\"inLanguage\":\"pl-PL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/core-web-vitals\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/core-web-vitals\\\/#primaryimage\",\"url\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/lcp-fid-cls-square.png\",\"contentUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2021\\\/01\\\/lcp-fid-cls-square.png\",\"width\":400,\"height\":400,\"caption\":\"LCP, FID, CLS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/core-web-vitals\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Strona g\u0142\u00f3wna\",\"item\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals \u2013 czym s\u0105, jak je mierzy\u0107 i monitorowa\u0107\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#website\",\"url\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/\",\"name\":\"Blog Super Monitoring\",\"description\":\"Narz\u0119dzia i zasoby dla ludzi Internetu \ud83d\udee0\ufe0f\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pl-PL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#organization\",\"name\":\"Super Monitoring\",\"url\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pl-PL\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/supermonitoring-pionPL_400.png\",\"contentUrl\":\"https:\\\/\\\/super-monitoring.com\\\/blogpl\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/supermonitoring-pionPL_400.png\",\"width\":400,\"height\":400,\"caption\":\"Super Monitoring\"},\"image\":{\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/monitoring.stron\",\"https:\\\/\\\/x.com\\\/MonitoringStron\",\"https:\\\/\\\/www.linkedin.com\\\/showcase\\\/super-monitoring\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.supermonitoring.pl\\\/blogpl\\\/#\\\/schema\\\/person\\\/3eb9411b1c07a06bc6a91b4de7ca0761\",\"name\":\"Superbohater\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Core Web Vitals \u2013 czym s\u0105, jak je mierzy\u0107 i monitorowa\u0107","description":"W maju 2021 Google zacz\u0105\u0142 uwzgl\u0119dnia\u0107 wska\u017aniki UX w ustalaniu ranking\u00f3w. Czy Twoja strona jest na to gotowa? \u015aledzisz poziomy LCP, FID i CLS?","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/","og_locale":"pl_PL","og_type":"article","og_title":"Core Web Vitals \u2013 czym s\u0105, jak je mierzy\u0107 i monitorowa\u0107","og_description":"W maju 2021 Google zacz\u0105\u0142 uwzgl\u0119dnia\u0107 wska\u017aniki UX w ustalaniu ranking\u00f3w. Czy Twoja strona jest na to gotowa? \u015aledzisz poziomy LCP, FID i CLS?","og_url":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/","og_site_name":"Blog Super Monitoring","article_publisher":"https:\/\/www.facebook.com\/monitoring.stron","article_published_time":"2021-01-20T09:17:52+00:00","article_modified_time":"2025-10-12T15:57:44+00:00","og_image":[{"width":400,"height":400,"url":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lcp-fid-cls-square.png","type":"image\/png"}],"author":"Superbohater","twitter_card":"summary_large_image","twitter_creator":"@MonitoringStron","twitter_site":"@MonitoringStron","twitter_misc":{"Napisane przez":"Superbohater","Szacowany czas czytania":"9 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/#article","isPartOf":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/"},"author":{"name":"Superbohater","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/person\/3eb9411b1c07a06bc6a91b4de7ca0761"},"headline":"Core Web Vitals \u2013 czym s\u0105, jak je mierzy\u0107 i monitorowa\u0107","datePublished":"2021-01-20T09:17:52+00:00","dateModified":"2025-10-12T15:57:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/"},"wordCount":1888,"commentCount":0,"publisher":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#organization"},"image":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lcp-fid-cls-square.png","keywords":["optymalizacja","szybko\u015b\u0107 strony","ux"],"articleSection":["Promowany","SEO\/SEM"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/","url":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/","name":"Core Web Vitals \u2013 czym s\u0105, jak je mierzy\u0107 i monitorowa\u0107","isPartOf":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/#primaryimage"},"image":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lcp-fid-cls-square.png","datePublished":"2021-01-20T09:17:52+00:00","dateModified":"2025-10-12T15:57:44+00:00","description":"W maju 2021 Google zacz\u0105\u0142 uwzgl\u0119dnia\u0107 wska\u017aniki UX w ustalaniu ranking\u00f3w. Czy Twoja strona jest na to gotowa? \u015aledzisz poziomy LCP, FID i CLS?","breadcrumb":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/#primaryimage","url":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lcp-fid-cls-square.png","contentUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2021\/01\/lcp-fid-cls-square.png","width":400,"height":400,"caption":"LCP, FID, CLS"},{"@type":"BreadcrumbList","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/core-web-vitals\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/www.supermonitoring.pl\/blogpl\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals \u2013 czym s\u0105, jak je mierzy\u0107 i monitorowa\u0107"}]},{"@type":"WebSite","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#website","url":"https:\/\/www.supermonitoring.pl\/blogpl\/","name":"Blog Super Monitoring","description":"Narz\u0119dzia i zasoby dla ludzi Internetu \ud83d\udee0\ufe0f","publisher":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.supermonitoring.pl\/blogpl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#organization","name":"Super Monitoring","url":"https:\/\/www.supermonitoring.pl\/blogpl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/logo\/image\/","url":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/11\/supermonitoring-pionPL_400.png","contentUrl":"https:\/\/super-monitoring.com\/blogpl\/wp-content\/uploads\/2020\/11\/supermonitoring-pionPL_400.png","width":400,"height":400,"caption":"Super Monitoring"},"image":{"@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/monitoring.stron","https:\/\/x.com\/MonitoringStron","https:\/\/www.linkedin.com\/showcase\/super-monitoring\/"]},{"@type":"Person","@id":"https:\/\/www.supermonitoring.pl\/blogpl\/#\/schema\/person\/3eb9411b1c07a06bc6a91b4de7ca0761","name":"Superbohater"}]}},"_links":{"self":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts\/4733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/comments?post=4733"}],"version-history":[{"count":56,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts\/4733\/revisions"}],"predecessor-version":[{"id":8747,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/posts\/4733\/revisions\/8747"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/media\/4791"}],"wp:attachment":[{"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/media?parent=4733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/categories?post=4733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.supermonitoring.pl\/blogpl\/wp-json\/wp\/v2\/tags?post=4733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}