{"id":16355,"date":"2026-07-06T20:29:50","date_gmt":"2026-07-06T18:29:50","guid":{"rendered":"https:\/\/dhosting.pl\/pomoc\/?post_type=manual_kb&#038;p=16355"},"modified":"2026-07-06T20:29:50","modified_gmt":"2026-07-06T18:29:50","slug":"jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej","status":"publish","type":"manual_kb","link":"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/","title":{"rendered":"Jak poprawi\u0107 Core Web Vitals: LCP, INP i CLS na stronie firmowej"},"content":{"rendered":"\r\n<p class=\"wp-block-paragraph\">Core Web Vitals mo\u017cna poprawia\u0107 przez optymalizacj\u0119 obraz\u00f3w, cache, skrypt\u00f3w, font\u00f3w, stabilno\u015bci uk\u0142adu oraz regularne testy w PageSpeed Insights. Na stronie firmowej poprawa LCP, INP i CLS wspiera SEO, u\u017cyteczno\u015b\u0107 oraz konwersj\u0119.<\/p>\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 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\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Czym_sa_Core_Web_Vitals\" >Czym s\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\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Jakie_obszary_warto_sprawdzic_na_stronie_firmowej\" >Jakie obszary warto sprawdzi\u0107 na stronie firmowej<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Co_oznacza_poprawa_LCP_INP_i_CLS\" >Co oznacza poprawa LCP, INP i CLS<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Co_oznaczaja_LCP_INP_i_CLS\" >Co oznaczaj\u0105 LCP, INP i CLS?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Co_wplywa_na_poprawe_Core_Web_Vitals\" >Co wp\u0142ywa na popraw\u0119 Core Web Vitals?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Jak_sprawdzic_Core_Web_Vitals\" >Jak sprawdzi\u0107 Core Web Vitals?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Co_to_oznacza_dla_strony_firmowej\" >Co to oznacza dla strony firmowej?<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#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-9\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Co_wplywa_na_wyniki_LCP_INP_i_CLS\" >Co wp\u0142ywa na wyniki LCP, INP i CLS<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Jak_sprawdzic_Core_Web_Vitals-2\" >Jak sprawdzi\u0107 Core Web Vitals<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Co_oznacza_poprawa_Core_Web_Vitals_na_stronie_firmowej\" >Co oznacza poprawa Core Web Vitals na stronie firmowej<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Czym_sa_aktualne_wskazniki_Core_Web_Vitals\" >Czym s\u0105 aktualne wska\u017aniki Core Web Vitals<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Jak_Core_Web_Vitals_wplywaja_na_widocznosc_i_konwersje\" >Jak Core Web Vitals wp\u0142ywaj\u0105 na widoczno\u015b\u0107 i konwersj\u0119<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Jak_poprawic_LCP_na_stronie_firmowej\" >Jak poprawi\u0107 LCP na stronie firmowej<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Jak_poprawic_INP_i_ograniczyc_opoznienia_interakcji\" >Jak poprawi\u0107 INP i ograniczy\u0107 op\u00f3\u017anienia interakcji<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Jak_poprawic_CLS_i_stabilnosc_ukladu\" >Jak poprawi\u0107 CLS i stabilno\u015b\u0107 uk\u0142adu<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Jak_testowac_Core_Web_Vitals_w_PageSpeed_Insights_i_Search_Console\" >Jak testowa\u0107 Core Web Vitals w PageSpeed Insights i Search Console<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Co_jest_normalne_po_optymalizacji\" >Co jest normalne po optymalizacji<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Kiedy_skontaktowac_sie_z_supportem\" >Kiedy skontaktowa\u0107 si\u0119 z supportem<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-poprawic-core-web-vitals-lcp-inp-i-cls-na-stronie-firmowej\/#Podsumowanie\" >Podsumowanie<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Czym_sa_Core_Web_Vitals\"><\/span>Czym s\u0105 Core Web Vitals<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>Core Web Vitals to wska\u017aniki jako\u015bci strony, kt\u00f3re opisuj\u0105 trzy obszary dzia\u0142ania witryny:<\/p>\r\n<ul>\r\n<li><strong>LCP<\/strong> &#8211; szybko\u015b\u0107 \u0142adowania najwa\u017cniejszej tre\u015bci strony.<\/li>\r\n<li><strong>INP<\/strong> &#8211; reakcj\u0119 strony na dzia\u0142ania u\u017cytkownika.<\/li>\r\n<li><strong>CLS<\/strong> &#8211; stabilno\u015b\u0107 uk\u0142adu strony podczas \u0142adowania i korzystania z niej.<\/li>\r\n<\/ul>\r\n<h2><span class=\"ez-toc-section\" id=\"Jakie_obszary_warto_sprawdzic_na_stronie_firmowej\"><\/span>Jakie obszary warto sprawdzi\u0107 na stronie firmowej<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>Praktyczna optymalizacja Core Web Vitals zwykle obejmuje kilka element\u00f3w strony. Warto przejrze\u0107 je osobno, poniewa\u017c ka\u017cdy z nich mo\u017ce wp\u0142ywa\u0107 na LCP, INP lub CLS.<\/p>\r\n<ul>\r\n<li><strong>Obrazy<\/strong> &#8211; mog\u0105 wp\u0142ywa\u0107 na szybko\u015b\u0107 \u0142adowania strony.<\/li>\r\n<li><strong>Cache<\/strong> &#8211; pomaga ograniczy\u0107 ponowne \u0142adowanie tych samych zasob\u00f3w.<\/li>\r\n<li><strong>Skrypty<\/strong> &#8211; mog\u0105 wp\u0142ywa\u0107 na reakcj\u0119 strony na dzia\u0142ania u\u017cytkownika.<\/li>\r\n<li><strong>Fonty<\/strong> &#8211; mog\u0105 wp\u0142ywa\u0107 na \u0142adowanie i stabilno\u015b\u0107 wygl\u0105du strony.<\/li>\r\n<li><strong>Stabilny uk\u0142ad<\/strong> &#8211; ogranicza przesuni\u0119cia element\u00f3w na stronie.<\/li>\r\n<li><strong>Testy w PageSpeed Insights<\/strong> &#8211; pomagaj\u0105 sprawdzi\u0107 wyniki LCP, INP i CLS.<\/li>\r\n<\/ul>\r\n<h2><span class=\"ez-toc-section\" id=\"Co_oznacza_poprawa_LCP_INP_i_CLS\"><\/span>Co oznacza poprawa LCP, INP i CLS<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>Poprawa tych wska\u017anik\u00f3w oznacza, \u017ce strona \u0142aduje si\u0119 sprawniej, lepiej reaguje na dzia\u0142ania u\u017cytkownika i zachowuje stabilniejszy uk\u0142ad. Na stronie firmowej mo\u017ce to wspiera\u0107 widoczno\u015b\u0107 w SEO, wygod\u0119 korzystania z witryny oraz konwersj\u0119.<\/p>\r\n<p>Optymalizacja Core Web Vitals jest procesem technicznym. Najlepiej sprawdza\u0107 wyniki po zmianach, aby zobaczy\u0107, kt\u00f3re obszary rzeczywi\u015bcie wp\u0142ywaj\u0105 na stron\u0119.<\/p>\r\n<h2><span class=\"ez-toc-section\" id=\"Co_oznaczaja_LCP_INP_i_CLS\"><\/span>Co oznaczaj\u0105 LCP, INP i CLS?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<ul>\r\n<li><strong>LCP<\/strong> dotyczy szybko\u015bci \u0142adowania strony.<\/li>\r\n<li><strong>INP<\/strong> dotyczy tego, jak strona reaguje na dzia\u0142ania u\u017cytkownika.<\/li>\r\n<li><strong>CLS<\/strong> dotyczy stabilno\u015bci uk\u0142adu strony podczas \u0142adowania i korzystania z niej.<\/li>\r\n<\/ul>\r\n<h2><span class=\"ez-toc-section\" id=\"Co_wplywa_na_poprawe_Core_Web_Vitals\"><\/span>Co wp\u0142ywa na popraw\u0119 Core Web Vitals?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>Poprawa Core Web Vitals na stronie firmowej zwykle obejmuje prac\u0119 nad obrazami, cache, skryptami i stabilnym uk\u0142adem strony. Te elementy maj\u0105 bezpo\u015bredni zwi\u0105zek z tym, jak szybko strona si\u0119 \u0142aduje, jak odpowiada na interakcje i czy jej uk\u0142ad pozostaje przewidywalny.<\/p>\r\n<h2><span class=\"ez-toc-section\" id=\"Jak_sprawdzic_Core_Web_Vitals\"><\/span>Jak sprawdzi\u0107 Core Web Vitals?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>Do testowania LCP, INP i CLS mo\u017cna u\u017cy\u0107 PageSpeed Insights. Wyniki pomagaj\u0105 oceni\u0107, kt\u00f3re obszary strony wymagaj\u0105 poprawy i czy zmiany wp\u0142ywaj\u0105 na szybko\u015b\u0107, reakcj\u0119 strony oraz stabilno\u015b\u0107 uk\u0142adu.<\/p>\r\n<h2><span class=\"ez-toc-section\" id=\"Co_to_oznacza_dla_strony_firmowej\"><\/span>Co to oznacza dla strony firmowej?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>Dobre wyniki Core Web Vitals mog\u0105 wspiera\u0107 SEO, poprawia\u0107 u\u017cyteczno\u015b\u0107 strony i pomaga\u0107 w konwersji. Jest to szczeg\u00f3lnie istotne na stronach firmowych, gdzie u\u017cytkownik powinien szybko zobaczy\u0107 tre\u015b\u0107, swobodnie wykona\u0107 dzia\u0142anie i nie by\u0107 zaskakiwany przesuwaj\u0105cym si\u0119 uk\u0142adem.<\/p>\r\n<h2><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>\r\n<p>Core Web Vitals obejmuj\u0105 LCP, INP i CLS. Te wska\u017aniki pomagaj\u0105 oceni\u0107 trzy wa\u017cne obszary dzia\u0142ania strony:<\/p>\r\n<ul>\r\n<li><strong>LCP<\/strong> &#8211; jak szybko u\u017cytkownik widzi g\u0142\u00f3wn\u0105 tre\u015b\u0107 strony.<\/li>\r\n<li><strong>INP<\/strong> &#8211; jak strona reaguje na dzia\u0142ania u\u017cytkownika.<\/li>\r\n<li><strong>CLS<\/strong> &#8211; czy uk\u0142ad strony pozostaje stabilny podczas \u0142adowania.<\/li>\r\n<\/ul>\r\n<h2><span class=\"ez-toc-section\" id=\"Co_wplywa_na_wyniki_LCP_INP_i_CLS\"><\/span>Co wp\u0142ywa na wyniki LCP, INP i CLS<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>Na wyniki Core Web Vitals wp\u0142ywa spos\u00f3b \u0142adowania tre\u015bci, obraz\u00f3w, skrypt\u00f3w oraz element\u00f3w uk\u0142adu strony. Znaczenie ma tak\u017ce cache, poniewa\u017c pomaga ograniczy\u0107 ponowne \u0142adowanie tych samych zasob\u00f3w.<\/p>\r\n<p>Stabilny uk\u0142ad jest wa\u017cny dla CLS. Gdy elementy strony przesuwaj\u0105 si\u0119 podczas \u0142adowania, u\u017cytkownik mo\u017ce klikn\u0105\u0107 niew\u0142a\u015bciwe miejsce albo straci\u0107 orientacj\u0119 na stronie.<\/p>\r\n<h2><span class=\"ez-toc-section\" id=\"Jak_sprawdzic_Core_Web_Vitals-2\"><\/span>Jak sprawdzi\u0107 Core Web Vitals<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>Do oceny LCP, INP i CLS mo\u017cesz u\u017cy\u0107 PageSpeed Insights. Test pokazuje, jak strona wypada pod k\u0105tem szybko\u015bci \u0142adowania, reakcji na dzia\u0142ania u\u017cytkownika i stabilno\u015bci uk\u0142adu.<\/p>\r\n<h2><span class=\"ez-toc-section\" id=\"Co_oznacza_poprawa_Core_Web_Vitals_na_stronie_firmowej\"><\/span>Co oznacza poprawa Core Web Vitals na stronie firmowej<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<p>Poprawa LCP, INP i CLS oznacza, \u017ce u\u017cytkownik szybciej widzi tre\u015b\u0107, \u0142atwiej wchodzi w interakcj\u0119 ze stron\u0105 i rzadziej napotyka przesuni\u0119cia element\u00f3w. To wspiera SEO, u\u017cyteczno\u015b\u0107 oraz konwersj\u0119.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Czym_sa_aktualne_wskazniki_Core_Web_Vitals\"><\/span>Czym s\u0105 aktualne wska\u017aniki Core Web Vitals<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<figure class=\"wp-block-table\">\r\n<table>\r\n<thead>\r\n<tr>\r\n<th>Wska\u017anik<\/th>\r\n<th>Co mierzy<\/th>\r\n<th>Co najcz\u0119\u015bciej wp\u0142ywa na wynik<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody>\r\n<tr>\r\n<td>LCP<\/td>\r\n<td>Largest Contentful Paint, czyli czas wy\u015bwietlenia najwi\u0119kszego widocznego elementu w obszarze ekranu.<\/td>\r\n<td>Du\u017ce zdj\u0119cia, banery, fonty, odpowied\u017a serwera, cache i spos\u00f3b \u0142adowania g\u0142\u00f3wnej tre\u015bci.<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>INP<\/td>\r\n<td>Interaction to Next Paint, czyli responsywno\u015b\u0107 strony po klikni\u0119ciu, dotkni\u0119ciu lub u\u017cyciu klawiatury.<\/td>\r\n<td>Ci\u0119\u017ckie skrypty JavaScript, zbyt wiele wtyczek, skrypty zewn\u0119trzne i przeci\u0105\u017cony frontend.<\/td>\r\n<\/tr>\r\n<tr>\r\n<td>CLS<\/td>\r\n<td>Cumulative Layout Shift, czyli stabilno\u015b\u0107 uk\u0142adu podczas \u0142adowania strony.<\/td>\r\n<td>Obrazy bez zarezerwowanego miejsca, reklamy, dynamiczne modu\u0142y, fonty i elementy wstrzykiwane po czasie.<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<\/figure>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Jak_Core_Web_Vitals_wplywaja_na_widocznosc_i_konwersje\"><\/span>Jak Core Web Vitals wp\u0142ywaj\u0105 na widoczno\u015b\u0107 i konwersj\u0119<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Core Web Vitals s\u0105 powi\u0105zane z do\u015bwiadczeniem u\u017cytkownika i jako\u015bci\u0105 techniczn\u0105 strony. Dobre wyniki pomagaj\u0105 ograniczy\u0107 sytuacje, w kt\u00f3rych u\u017cytkownik czeka na g\u0142\u00f3wn\u0105 tre\u015b\u0107, klika element, kt\u00f3ry nie reaguje, albo traci orientacj\u0119 przez przesuwaj\u0105cy si\u0119 uk\u0142ad.<\/p>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Dla SEO oznacza to lepsz\u0105 podstaw\u0119 techniczn\u0105 strony. Dla konwersji oznacza to kr\u00f3tsz\u0105 drog\u0119 do kontaktu, formularza, koszyka lub innego celu na stronie firmowej. Sama poprawa Core Web Vitals nie zast\u0119puje jako\u015bci tre\u015bci, oferty ani struktury strony, ale usuwa techniczne przeszkody, kt\u00f3re mog\u0105 obni\u017ca\u0107 skuteczno\u015b\u0107 witryny.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Jak_poprawic_LCP_na_stronie_firmowej\"><\/span>Jak poprawi\u0107 LCP na stronie firmowej<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">LCP zwykle poprawia si\u0119 przez przyspieszenie wy\u015bwietlenia najwa\u017cniejszej tre\u015bci na pierwszym ekranie. Najcz\u0119\u015bciej jest to zdj\u0119cie g\u0142\u00f3wne, baner, nag\u0142\u00f3wek lub sekcja hero.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li><strong>Zoptymalizuj obrazy.<\/strong> Zmniejsz wymiary grafik do realnego rozmiaru wy\u015bwietlania. Nie u\u017cywaj plik\u00f3w wi\u0119kszych ni\u017c potrzebuje uk\u0142ad strony.<\/li>\r\n<li><strong>U\u017cyj nowoczesnych format\u00f3w obraz\u00f3w.<\/strong> WebP i AVIF mog\u0105 skr\u00f3ci\u0107 czas \u0142adowania obraz\u00f3w. W WordPress mo\u017cesz u\u017cy\u0107 rozwi\u0105zania opisanego w artykule <a href=\"https:\/\/dhosting.pl\/pomoc\/knowledgebase\/modern-image-formats-webp-i-avif-w-wordpress\/\">Modern Image Formats &#8211; WebP i AVIF w WordPress<\/a>.<\/li>\r\n<li><strong>W\u0142\u0105cz cache.<\/strong> Cache ogranicza liczb\u0119 operacji wykonywanych przy ka\u017cdym wej\u015bciu na stron\u0119. Dzi\u0119ki temu strona mo\u017ce szybciej zwr\u00f3ci\u0107 gotow\u0105 tre\u015b\u0107.<\/li>\r\n<li><strong>Sprawd\u017a g\u0142\u00f3wny element LCP.<\/strong> W PageSpeed Insights zobaczysz, kt\u00f3ry element zosta\u0142 uznany za LCP. Optymalizuj najpierw ten element, a nie losowe zasoby.<\/li>\r\n<li><strong>Dobierz hosting do obci\u0105\u017cenia strony.<\/strong> Hosting wp\u0142ywa na dost\u0119pno\u015b\u0107 zasob\u00f3w przy wi\u0119kszym ruchu i obci\u0105\u017ceniu. Elastyczny Web Hosting dhosting.pl automatycznie dopasowuje CPU, RAM i przestrze\u0144 do aktualnego obci\u0105\u017cenia, a po jego spadku wraca do bazowego poziomu.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Jak_poprawic_INP_i_ograniczyc_opoznienia_interakcji\"><\/span>Jak poprawi\u0107 INP i ograniczy\u0107 op\u00f3\u017anienia interakcji<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">INP pogarsza si\u0119, gdy przegl\u0105darka ma zbyt du\u017co pracy po stronie JavaScript. U\u017cytkownik widzi stron\u0119, ale klikni\u0119cie menu, przycisku lub formularza mo\u017ce reagowa\u0107 z op\u00f3\u017anieniem.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li><strong>Ogranicz zb\u0119dne skrypty.<\/strong> Usu\u0144 lub wy\u0142\u0105cz funkcje, kt\u00f3re nie s\u0105 potrzebne na danej podstronie.<\/li>\r\n<li><strong>Uporz\u0105dkuj wtyczki WordPress.<\/strong> Ka\u017cda wtyczka mo\u017ce dodawa\u0107 w\u0142asne pliki CSS lub JavaScript. Zostaw tylko te, kt\u00f3re maj\u0105 wyra\u017an\u0105 funkcj\u0119 na stronie.<\/li>\r\n<li><strong>Ogranicz skrypty zewn\u0119trzne.<\/strong> Kody analityczne, widgety, mapy i osadzone elementy mog\u0105 wp\u0142ywa\u0107 na czas reakcji. \u0141aduj je tylko tam, gdzie s\u0105 potrzebne.<\/li>\r\n<li><strong>Rozwa\u017c Perfmatters.<\/strong> Perfmatters to lekka wtyczka do optymalizacji WordPress, kt\u00f3ra dzia\u0142a na poziomie frontendu i panelu, wy\u0142\u0105czaj\u0105c zb\u0119dne funkcje oraz porz\u0105dkuj\u0105c skrypty. Wi\u0119cej informacji znajdziesz w artykule <a href=\"https:\/\/dhosting.pl\/pomoc\/knowledgebase\/perfmatters-szybka-i-bezpieczna-optymalizacja-wordpress\/\">Perfmatters &#8211; szybka i bezpieczna optymalizacja WordPress<\/a>.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Jak_poprawic_CLS_i_stabilnosc_ukladu\"><\/span>Jak poprawi\u0107 CLS i stabilno\u015b\u0107 uk\u0142adu<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">CLS dotyczy przesuni\u0119\u0107 element\u00f3w podczas \u0142adowania strony. Wysoki CLS jest uci\u0105\u017cliwy, bo u\u017cytkownik mo\u017ce klikn\u0105\u0107 inny element ni\u017c zamierza\u0142 albo straci\u0107 miejsce, kt\u00f3re w\u0142a\u015bnie czyta\u0142.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li><strong>Rezerwuj miejsce na obrazy.<\/strong> Obrazy powinny mie\u0107 okre\u015blone wymiary w uk\u0142adzie strony, aby przegl\u0105darka wiedzia\u0142a, ile miejsca ma dla nich zostawi\u0107.<\/li>\r\n<li><strong>Unikaj p\u00f3\u017anego wstawiania element\u00f3w nad tre\u015bci\u0105.<\/strong> Banery, paski, formularze i modu\u0142y dynamiczne nie powinny przesuwa\u0107 g\u0142\u00f3wnej tre\u015bci po jej wy\u015bwietleniu.<\/li>\r\n<li><strong>Sprawd\u017a fonty.<\/strong> Zmiana fontu po za\u0142adowaniu mo\u017ce przesun\u0105\u0107 tekst. Warto sprawdzi\u0107, czy motyw i wtyczki nie \u0142aduj\u0105 zbyt wielu odmian kroj\u00f3w pisma.<\/li>\r\n<li><strong>Testuj najwa\u017cniejsze podstrony osobno.<\/strong> Strona g\u0142\u00f3wna, oferta, kontakt i landing page mog\u0105 mie\u0107 r\u00f3\u017cne problemy z CLS.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Jak_testowac_Core_Web_Vitals_w_PageSpeed_Insights_i_Search_Console\"><\/span>Jak testowa\u0107 Core Web Vitals w PageSpeed Insights i Search Console<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Testowanie warto zacz\u0105\u0107 przed zmianami, aby mie\u0107 punkt odniesienia. Nast\u0119pnie wdra\u017caj jedn\u0105 grup\u0119 zmian naraz, na przyk\u0142ad obrazy, cache albo skrypty. Dzi\u0119ki temu \u0142atwiej ocenisz, co realnie poprawi\u0142o wynik.<\/p>\r\n\r\n\r\n\r\n<ol class=\"wp-block-list\">\r\n<li>Sprawd\u017a adres podstrony w PageSpeed Insights.<\/li>\r\n<li>Zapisz wyniki LCP, INP i CLS dla wersji mobilnej oraz desktopowej.<\/li>\r\n<li>Wdr\u00f3\u017c jedn\u0105 grup\u0119 optymalizacji.<\/li>\r\n<li>Wyczy\u015b\u0107 cache, je\u015bli zmiana tego wymaga.<\/li>\r\n<li>Uruchom test ponownie i por\u00f3wnaj wyniki.<\/li>\r\n<li>Sprawd\u017a raport Core Web Vitals w Search Console, aby obserwowa\u0107 problemy widoczne dla grup adres\u00f3w URL.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Do analizy wydajno\u015bci mo\u017cesz te\u017c u\u017cy\u0107 GTmetrix. Osobny opis interpretacji wynik\u00f3w znajduje si\u0119 w artykule <a href=\"https:\/\/dhosting.pl\/pomoc\/baza-wiedzy\/jak-czytac-wyniki-gtmetrix\/\">Jak czyta\u0107 wyniki GTmetrix?<\/a>.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Co_jest_normalne_po_optymalizacji\"><\/span>Co jest normalne po optymalizacji<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>Wyniki pojedynczych test\u00f3w mog\u0105 si\u0119 r\u00f3\u017cni\u0107, dlatego lepiej por\u00f3wnywa\u0107 kilka pomiar\u00f3w ni\u017c jeden wynik.<\/li>\r\n<li>Poprawa LCP mo\u017ce by\u0107 szybka po optymalizacji g\u0142\u00f3wnego obrazu i cache.<\/li>\r\n<li>Poprawa INP cz\u0119sto wymaga przegl\u0105du skrypt\u00f3w, wtyczek i element\u00f3w zewn\u0119trznych.<\/li>\r\n<li>Poprawa CLS wymaga sprawdzenia uk\u0142adu strony, szczeg\u00f3lnie obraz\u00f3w, font\u00f3w i modu\u0142\u00f3w \u0142adowanych po czasie.<\/li>\r\n<li>Hosting pomaga zapewni\u0107 zasoby przy wi\u0119kszym obci\u0105\u017ceniu, ale nie zast\u0119puje optymalizacji obraz\u00f3w, cache i skrypt\u00f3w.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Kiedy_skontaktowac_sie_z_supportem\"><\/span>Kiedy skontaktowa\u0107 si\u0119 z supportem<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Skontaktuj si\u0119 z supportem, je\u015bli po optymalizacji obraz\u00f3w, cache i skrypt\u00f3w strona nadal dzia\u0142a niestabilnie pod obci\u0105\u017ceniem albo wyniki sugeruj\u0105 problem po stronie zasob\u00f3w serwera. W zg\u0142oszeniu podaj adres testowanej podstrony, wyniki z PageSpeed Insights lub Search Console oraz informacj\u0119, jakie zmiany zosta\u0142y ju\u017c wykonane.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Podsumowanie\"><\/span>Podsumowanie<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Poprawa Core Web Vitals polega na skr\u00f3ceniu czasu \u0142adowania g\u0142\u00f3wnej tre\u015bci, ograniczeniu op\u00f3\u017anie\u0144 interakcji i ustabilizowaniu uk\u0142adu strony. Najcz\u0119\u015bciej warto zacz\u0105\u0107 od obraz\u00f3w, cache, skrypt\u00f3w, hostingu oraz regularnego testowania wynik\u00f3w w PageSpeed Insights i Search Console.<\/p>\r\n","protected":false},"author":6,"featured_media":10957,"parent":0,"menu_order":0,"template":"","format":"standard","manualknowledgebasecat":[95,109],"manual_kb_tag":[4633,5648,578,4665,5885,2956,7674,4246,76],"class_list":["post-16355","manual_kb","type-manual_kb","status-publish","format-standard","has-post-thumbnail","hentry","manualknowledgebasecat-hosting","manualknowledgebasecat-strony-www","manual_kb_tag-cls","manual_kb_tag-core-web-vitals","manual_kb_tag-elastyczny-web-hosting","manual_kb_tag-inp","manual_kb_tag-lcp","manual_kb_tag-optymalizacja-strony","manual_kb_tag-pagespeed-insights","manual_kb_tag-search-console","manual_kb_tag-wordpress"],"_links":{"self":[{"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/16355","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":4,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/16355\/revisions"}],"predecessor-version":[{"id":16369,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb\/16355\/revisions\/16369"}],"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=16355"}],"wp:term":[{"taxonomy":"manualknowledgebasecat","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manualknowledgebasecat?post=16355"},{"taxonomy":"manual_kb_tag","embeddable":true,"href":"https:\/\/dhosting.pl\/pomoc\/wp-json\/wp\/v2\/manual_kb_tag?post=16355"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}