{"id":5378,"date":"2021-08-23T09:02:07","date_gmt":"2021-08-23T07:02:07","guid":{"rendered":"https:\/\/prodblog.wenet.pl\/?p=5378"},"modified":"2023-09-04T16:17:25","modified_gmt":"2023-09-04T14:17:25","slug":"czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals","status":"publish","type":"post","link":"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/","title":{"rendered":"Czym jest CLS \u2013 Cumulative Layout Shift? Poznaj wska\u017anik Core Web Vitals"},"content":{"rendered":"<p><img decoding=\"async\" class=\"aligncenter wp-image-5382 size-full colorbox-5378 lazyload\" data-src=\"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/08\/Czym_jest_CLS-e1629701693462.jpg\" alt=\"Czym_jest_CLS\" width=\"1080\" height=\"864\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1080px; --smush-placeholder-aspect-ratio: 1080\/864;\" \/><\/p>\n<p><strong>CLS jest jednym ze wska\u017anik\u00f3w Core Web Vitals opracowanych przez Google, kt\u00f3re dotycz\u0105 szybko\u015bci i wydajno\u015bci stron internetowych. Celem wprowadzenia zestawu nowych wska\u017anik\u00f3w w 2021 roku jest poprawa wra\u017ce\u0144 u\u017cytkownik\u00f3w. To w\u0142a\u015bnie zadowolenie odbiorc\u00f3w, czyli potencjalnych klient\u00f3w, powinno by\u0107 priorytetem dla w\u0142a\u015bcicieli biznes\u00f3w dbaj\u0105cych o swoje miejsce w sieci. Dowiedz si\u0119, jak jest obliczane CLS i jak zapobiega\u0107 nieoczekiwanym zmianom uk\u0142adu na stronie. <\/strong><\/p>\n<h2>Spis tre\u015bci<\/h2>\n<p><a href=\"#_Toc80603300\">1. Czym jest CLS?<\/a><\/p>\n<p><a href=\"#_Toc80603301\">2. Jak obliczane jest CLS?<\/a><\/p>\n<p><a href=\"#_Toc80603302\">3. Kiedy dochodzi do niespodziewanch zmian uk\u0142adu na stronie?<\/a><\/p>\n<p><a href=\"#_Toc80603303\">4. Co zrobi\u0107, aby zapobiec nieoczekiwanym zmianom?<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2><a name=\"_Toc80603300\"><\/a>Czym jest CLS?<\/h2>\n<p>Co dok\u0142adnie oznacza skr\u00f3t CLS? Cumulative Layout Shift to <strong>wska\u017anik, kt\u00f3ry mierzy stabilno\u015b\u0107 wizualn\u0105<\/strong>. Po polsku mo\u017cna by przet\u0142umaczy\u0107 skr\u00f3t CLS jako skumulowane przesuni\u0119cie uk\u0142adu.<\/p>\n<p>Dzi\u0119ki temu wska\u017anikowi jeste\u015bmy w stanie zbada\u0107 wra\u017cenia u\u017cytkownika, a dok\u0142adniej cz\u0119stotliwo\u015b\u0107 przypadk\u00f3w, gdy odwiedzaj\u0105cy nasz\u0105 stron\u0119 napotyka na <strong>niespodziewane zmiany uk\u0142adu<\/strong>. Przyk\u0142adem jest sytuacja, gdy internauta chcia\u0142by klikn\u0105\u0107 w przycisk, jednak nie mo\u017ce tego zrobi\u0107, poniewa\u017c przycisk zmienia swoje po\u0142o\u017cenie.<\/p>\n<p>Elementy, kt\u00f3re mog\u0105 doprowadzi\u0107 do zmian uk\u0142adu, to opr\u00f3cz przycisk\u00f3w, m.in.:<\/p>\n<ul>\n<li>grafiki,<\/li>\n<li>filmy,<\/li>\n<li><a href=\"https:\/\/wenet.pl\/blog\/10-ladnych-czcionek-z-polskimi-znakami-na-twoja-strone\/\">czcionki<\/a>,<\/li>\n<li>formularze kontaktowe.<\/li>\n<\/ul>\n<p>Nieoczekiwane zmiany uk\u0142adu nie s\u0105 po\u017c\u0105dane i istnieje du\u017ce prawdopodobie\u0144stwo, \u017ce u\u017cytkownik nie b\u0119dzie zadowolony i szybko opu\u015bci nasz\u0105 stron\u0119. A tego z pewno\u015bci\u0105 nie chcemy.<\/p>\n<p>Badania wskazuj\u0105, \u017ce <strong>27% polskich witryn osi\u0105gn\u0119\u0142o ju\u017c dobre warto\u015bci wska\u017anik\u00f3w Core Web Vitals<\/strong><a href=\"#_ftn1\" name=\"_ftnref1\">[1]<\/a>. Dlatego te\u017c wa\u017cne jest, aby zrozumie\u0107, czym jest CLS i jak zoptymalizowa\u0107 go na swojej stronie.<\/p>\n<p>Pozosta\u0142e wska\u017aniki Core Web Vitals, obok CLS, to:<\/p>\n<ul>\n<li>LCP, czyli Largest Contentful Paint \u2013 okre\u015bla pomiar czasu \u0142adowania strony (w tym jej najwi\u0119kszego elementu).<\/li>\n<li>FID, czyli First Input Delay \u2013 mierzy czas od pierwszej interakcji u\u017cytkownika z odwiedzan\u0105 przez niego stron\u0105 do momentu, gdy przegl\u0105darka zareaguje na t\u0119 interakcj\u0119.<\/li>\n<\/ul>\n<h2><a name=\"_Toc80603301\"><\/a>Jak obliczane jest CLS?<\/h2>\n<p>Obliczenie obejmuje dwie metryki.<\/p>\n<p>Pierwsz\u0105 z nich jest <em>impact fraction<\/em>. Pomiar ten informuje, ile miejsca zajmuje niestabilny element na stronie. Pod uwag\u0119 brany jest moment jego za\u0142adowania, a\u017c po zaj\u0119cie przez niego ostatecznej pozycji na stronie.<img decoding=\"async\" class=\"aligncenter size-full wp-image-5380 colorbox-5378 lazyload\" data-src=\"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/08\/CLS-impact-fraction-e1629701375458.png\" alt=\"CLS_impact_fraction\" width=\"640\" height=\"566\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/566;\" \/><\/p>\n<p style=\"text-align: center;\"><em>Przyk\u0142adem, kt\u00f3ry przytacza Google, jest element, kt\u00f3ry zajmuje 50% miejsca na stronie, a nast\u0119pnie spada o 25%. Po zsumowaniu warto\u015b\u0107 75% jest wyra\u017cana jako 0,75 (warto\u015b\u0107 impact fraction zosta\u0142a oznaczona na grafice przerywan\u0105 lini\u0105). \u0179r\u00f3d\u0142o: <\/em><a href=\"https:\/\/web.dev\/cls\/\"><em>Cumulative Layout Shift (CLS) (web.dev)<\/em><\/a><\/p>\n<p>Drugi pomiar to <em>distance fraction<\/em>. Jest to odleg\u0142o\u015b\u0107, o jak\u0105 element przesun\u0105\u0142 si\u0119 z pozycji pocz\u0105tkowej do pozycji ko\u0144cowej.<img decoding=\"async\" class=\"aligncenter size-full wp-image-5379 colorbox-5378 lazyload\" data-src=\"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/08\/CLS-distance-fraction-e1629700883551.png\" alt=\"CLS_distance_fraction\" width=\"640\" height=\"561\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 640px; --smush-placeholder-aspect-ratio: 640\/561;\" \/><\/p>\n<p style=\"text-align: center;\"><em>W powy\u017cszym przyk\u0142adzie element strony przesun\u0105\u0142 si\u0119 o 25%. Warto\u015b\u0107 distance fraction wyra\u017cana jest jako 0,25 (na grafice zosta\u0142a oznaczona fioletow\u0105 strza\u0142k\u0105). \u0179r\u00f3d\u0142o: <\/em><a href=\"https:\/\/web.dev\/cls\/\"><em>Cumulative Layout Shift (CLS) (web.dev)<\/em><\/a><\/p>\n<p>Jak obliczy\u0107 CLS? To bardzo proste. Wystarczy pomno\u017cy\u0107 powy\u017csze dwie metryki. W tym przypadku b\u0119dzie to:<\/p>\n<p><strong>0,75 x 0,25 = 0,1875<\/strong><\/p>\n<p>Jaki wynik jest w porz\u0105dku?<strong> CLS powinien wynosi\u0107 poni\u017cej 0,1<\/strong>. S\u0142aby wynik wskazuje na problemy na stronie, kt\u00f3re nale\u017cy jak najszybciej rozwi\u0105za\u0107. Chcesz sprawdzi\u0107 kondycj\u0119 Twojej witryny?<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/audytseo.wenet.pl\/\">Wykonaj darmowy audyt strony i popraw jej widoczno\u015b\u0107 w wyszukiwarce. Wykonaj teraz &gt;&gt;<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2><a name=\"_Toc80603302\"><\/a>Kiedy dochodzi do niespodziewanych zmian uk\u0142adu na stronie?<\/h2>\n<p>Wed\u0142ug Google jest pi\u0119\u0107 przyczyn, kt\u00f3re doprowadzaj\u0105 do przesuni\u0119cia uk\u0142adu:<\/p>\n<ol>\n<li>dodawanie grafik bez okre\u015blenia ich wymiar\u00f3w,<\/li>\n<li>umieszczanie reklam, r\u00f3wnie\u017c bez okre\u015blenia wymiar\u00f3w,<\/li>\n<li>dodawanie dynamicznego contentu (przyk\u0142adami takich tre\u015bci s\u0105 posty z medi\u00f3w spo\u0142eczno\u015bciowych, filmiki z YouTube\u2019a czy tweety, kt\u00f3re cz\u0119sto s\u0105 osadzane na stronach),<\/li>\n<li>u\u017cywanie nieodpowiednich czcionek (sprawiaj\u0105, \u017ce u\u017cytkownik traci z oczu tekst, kt\u00f3ry si\u0119 przesuwa lub \u0142aduje si\u0119 z op\u00f3\u017anieniem),<\/li>\n<li>akcje oczekuj\u0105ce odpowiedzi od sieci przed zaktualizowaniem DOM-u (Document Object Model).<\/li>\n<\/ol>\n<h2><a name=\"_Toc80603303\"><\/a>Co zrobi\u0107, aby zapobiec nieoczekiwanym zmianom?<\/h2>\n<ul>\n<li>W przypadku obraz\u00f3w, grafik czy film\u00f3w \u2013 zadbaj, by mia\u0142y one przypisane odpowiednie wymiary wysoko\u015bci i szeroko\u015bci w kodzie HTML. Mo\u017cesz to zrobi\u0107 za pomoc\u0105 atrybut\u00f3w width oraz height. Zadbaj o responsywno\u015b\u0107, upewnij si\u0119, \u017ce r\u00f3\u017cne rozmiary obraz\u00f3w dla r\u00f3\u017cnych rozdzielczo\u015bci, maj\u0105 te same proporcje.<\/li>\n<li>W przypadku reklam \u2013 u\u017cywaj alternatywnych baner\u00f3w reklamowych lub obraz\u00f3w zast\u0119pczych.<\/li>\n<li>W przypadku czcionek \u2013 u\u017cywaj rel = &#8220;preload&#8221; do ich pobierania. W ten spos\u00f3b wska\u017cesz przegl\u0105darce, \u017ce zasoby te s\u0105 konieczne do poprawnego wy\u015bwietlenia strony, dlatego musi pobra\u0107 je ona ju\u017c na wczesnym etapie \u0142adowania.<\/li>\n<\/ul>\n<p>Ponadto nigdy nie wstawiaj tre\u015bci powy\u017cej tej ju\u017c istniej\u0105cej, chyba \u017ce do takiego stanu rzeczy ma prowadzi\u0107 akcja u\u017cytkownika. Poza tym wykorzystuj <a href=\"https:\/\/wenet.pl\/blog\/stworz-sam-animacje-wideo-6-bezplatnych-i-prostych-narzedzi-ktore-cie-zaskocza\/\">animacje<\/a>, kt\u00f3re gwarantuj\u0105 p\u0142ynne przej\u015bcie. Pozwoli to na utrzymanie ci\u0105g\u0142o\u015bci<a href=\"#_ftn2\" name=\"_ftnref2\">[2]<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>\u0179r\u00f3d\u0142a:<\/p>\n<p><a href=\"#_ftnref1\" name=\"_ftn1\">[1]<\/a><a href=\"https:\/\/www.thinkwithgoogle.com\/intl\/en-cee\/marketing-strategies\/app-and-mobile\/why-should-73-of-polish-websites-have-a-closer-look-at-their-mobile-user-experience\/\">\u00a0\u00a0\u00a0\u00a0 The importance of mobile user experience &#8211; Think with Google<\/a><\/p>\n<p><a href=\"#_ftnref2\" name=\"_ftn2\">[2]<\/a><a href=\"https:\/\/www.searchenginejournal.com\/core-web-vitals\/cumulative-layout-shift\/\">\u00a0\u00a0\u00a0\u00a0 Cumulative Layout Shift \u2013 Overview of 2021 Google Ranking Factor (searchenginejournal.com)<\/a>; <a href=\"https:\/\/web.dev\/cls\/\">Cumulative Layout Shift (CLS) (web.dev)<\/a><\/p><div class=\"ymcgk69f2ab7559ae0\" ><!-- Komunikacja z klientem -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-8265bd58-ea47-4c6a-9f25-dd290dd6f8c8\"><span class=\"hs-cta-node hs-cta-8265bd58-ea47-4c6a-9f25-dd290dd6f8c8\" id=\"hs-cta-8265bd58-ea47-4c6a-9f25-dd290dd6f8c8\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/8265bd58-ea47-4c6a-9f25-dd290dd6f8c8\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-5378 lazyload\" id=\"hs-cta-img-8265bd58-ea47-4c6a-9f25-dd290dd6f8c8\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/8265bd58-ea47-4c6a-9f25-dd290dd6f8c8.png\"  alt=\"Nowe wezwanie do dzia\u0142ania\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '8265bd58-ea47-4c6a-9f25-dd290dd6f8c8', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.ymcgk69f2ab7559ae0 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.ymcgk69f2ab7559ae0 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.ymcgk69f2ab7559ae0 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.ymcgk69f2ab7559ae0 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.ymcgk69f2ab7559ae0 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"tmbso69f2ab7559a61\" ><!-- Email Marketing -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-08eb5d7e-b5b4-457b-9ce5-ceff89d6b956\"><span class=\"hs-cta-node hs-cta-08eb5d7e-b5b4-457b-9ce5-ceff89d6b956\" id=\"hs-cta-08eb5d7e-b5b4-457b-9ce5-ceff89d6b956\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/08eb5d7e-b5b4-457b-9ce5-ceff89d6b956\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-5378 lazyload\" id=\"hs-cta-img-08eb5d7e-b5b4-457b-9ce5-ceff89d6b956\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/08eb5d7e-b5b4-457b-9ce5-ceff89d6b956.png\"  alt=\"Nowe wezwanie do dzia\u0142ania\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '08eb5d7e-b5b4-457b-9ce5-ceff89d6b956', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.tmbso69f2ab7559a61 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.tmbso69f2ab7559a61 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.tmbso69f2ab7559a61 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.tmbso69f2ab7559a61 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.tmbso69f2ab7559a61 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"vahmp69f2ab75599d4\" ><!-- Zarz\u0105dzanie firm\u0105 -->\n\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d\"><span class=\"hs-cta-node hs-cta-64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d\" id=\"hs-cta-64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-5378 lazyload\" id=\"hs-cta-img-64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d.png\"  alt=\"e-book Dlaczego Twoja firma powinna by\u0107 obecna w Internecie\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '64d5a1d6-a25c-4d42-9cf0-0a4f91b5642d', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.vahmp69f2ab75599d4 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.vahmp69f2ab75599d4 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.vahmp69f2ab75599d4 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.vahmp69f2ab75599d4 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.vahmp69f2ab75599d4 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"sowmd69f2ab7559943\" ><!-- Video -->\n\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-d5317067-b35b-4752-8a1e-3ef0d70566f6\"><span class=\"hs-cta-node hs-cta-d5317067-b35b-4752-8a1e-3ef0d70566f6\" id=\"hs-cta-d5317067-b35b-4752-8a1e-3ef0d70566f6\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/d5317067-b35b-4752-8a1e-3ef0d70566f6\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-5378 lazyload\" id=\"hs-cta-img-d5317067-b35b-4752-8a1e-3ef0d70566f6\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/d5317067-b35b-4752-8a1e-3ef0d70566f6.png\"  alt=\"e-book 18 wskaz\u00f3wek, kt\u00f3re rozwin\u0105 Tw\u00f3j kana\u0142 na YouTube\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, 'd5317067-b35b-4752-8a1e-3ef0d70566f6', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.sowmd69f2ab7559943 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.sowmd69f2ab7559943 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.sowmd69f2ab7559943 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.sowmd69f2ab7559943 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.sowmd69f2ab7559943 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"gfxfz69f2ab75598c2\" ><!-- Tworzenie stron -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc\"><span class=\"hs-cta-node hs-cta-ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc\" id=\"hs-cta-ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-5378 lazyload\" id=\"hs-cta-img-ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc.png\"  alt=\"Nowe wezwanie do dzia\u0142ania\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, 'ef1529b5-b78c-4b0b-bf0b-4ecc75e0bafc', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.gfxfz69f2ab75598c2 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.gfxfz69f2ab75598c2 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.gfxfz69f2ab75598c2 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.gfxfz69f2ab75598c2 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.gfxfz69f2ab75598c2 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"fssig69f2ab755983f\" ><!-- Strategia marketingowa -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-9d4aa58d-1ab7-4301-b000-ac3d639abc98\"><span class=\"hs-cta-node hs-cta-9d4aa58d-1ab7-4301-b000-ac3d639abc98\" id=\"hs-cta-9d4aa58d-1ab7-4301-b000-ac3d639abc98\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/9d4aa58d-1ab7-4301-b000-ac3d639abc98\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-5378 lazyload\" id=\"hs-cta-img-9d4aa58d-1ab7-4301-b000-ac3d639abc98\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/9d4aa58d-1ab7-4301-b000-ac3d639abc98.png\"  alt=\"Nowe wezwanie do dzia\u0142ania\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '9d4aa58d-1ab7-4301-b000-ac3d639abc98', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.fssig69f2ab755983f {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.fssig69f2ab755983f {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.fssig69f2ab755983f {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.fssig69f2ab755983f {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.fssig69f2ab755983f {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"ceuln69f2ab7559797\" ><!-- Social Media -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-387c3571-1376-4b17-bb02-3ee7c0d54013\"><span class=\"hs-cta-node hs-cta-387c3571-1376-4b17-bb02-3ee7c0d54013\" id=\"hs-cta-387c3571-1376-4b17-bb02-3ee7c0d54013\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/387c3571-1376-4b17-bb02-3ee7c0d54013\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-5378 lazyload\" id=\"hs-cta-img-387c3571-1376-4b17-bb02-3ee7c0d54013\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/387c3571-1376-4b17-bb02-3ee7c0d54013.png\"  alt=\"Nowe wezwanie do dzia\u0142ania\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '387c3571-1376-4b17-bb02-3ee7c0d54013', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.ceuln69f2ab7559797 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.ceuln69f2ab7559797 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.ceuln69f2ab7559797 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.ceuln69f2ab7559797 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.ceuln69f2ab7559797 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"nmrld69f2ab75596d0\" ><!-- Copywriting -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-0d4fb5f3-b88d-4456-a7be-207e7a27d1d8\"><span class=\"hs-cta-node hs-cta-0d4fb5f3-b88d-4456-a7be-207e7a27d1d8\" id=\"hs-cta-0d4fb5f3-b88d-4456-a7be-207e7a27d1d8\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/0d4fb5f3-b88d-4456-a7be-207e7a27d1d8\" target=\"_blank\" rel=\"noopener, nofollow\"><img class=\"hs-cta-img colorbox-5378 lazyload\" id=\"hs-cta-img-0d4fb5f3-b88d-4456-a7be-207e7a27d1d8\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/0d4fb5f3-b88d-4456-a7be-207e7a27d1d8.png\"  alt=\"e-book Jak tworzy\u0107 tre\u015bci, kt\u00f3re przyci\u0105gn\u0105 Twoich klient\u00f3w\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '0d4fb5f3-b88d-4456-a7be-207e7a27d1d8', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.nmrld69f2ab75596d0 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.nmrld69f2ab75596d0 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.nmrld69f2ab75596d0 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.nmrld69f2ab75596d0 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.nmrld69f2ab75596d0 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"xzidg69f2ab75595fc\" ><!-- SEO1 -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-2e440e3a-91d6-4b6d-8268-289ea3a8329b\"><span class=\"hs-cta-node hs-cta-2e440e3a-91d6-4b6d-8268-289ea3a8329b\" id=\"hs-cta-2e440e3a-91d6-4b6d-8268-289ea3a8329b\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/2e440e3a-91d6-4b6d-8268-289ea3a8329b\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-5378 lazyload\" id=\"hs-cta-img-2e440e3a-91d6-4b6d-8268-289ea3a8329b\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/2e440e3a-91d6-4b6d-8268-289ea3a8329b.png\"  alt=\"e-book SEO lokalne od A do Z\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, '2e440e3a-91d6-4b6d-8268-289ea3a8329b', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.xzidg69f2ab75595fc {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.xzidg69f2ab75595fc {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.xzidg69f2ab75595fc {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.xzidg69f2ab75595fc {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.xzidg69f2ab75595fc {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"awdeu69f2ab7559577\" ><!-- SEM -->\n<!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-f76cfdbf-3591-4dda-828b-092125eedb42\"><span class=\"hs-cta-node hs-cta-f76cfdbf-3591-4dda-828b-092125eedb42\" id=\"hs-cta-f76cfdbf-3591-4dda-828b-092125eedb42\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/f76cfdbf-3591-4dda-828b-092125eedb42\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-5378 lazyload\" id=\"hs-cta-img-f76cfdbf-3591-4dda-828b-092125eedb42\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/f76cfdbf-3591-4dda-828b-092125eedb42.png\"  alt=\"e-book Jak promowa\u0107 firm\u0119 na lokalnym rynku\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, 'f76cfdbf-3591-4dda-828b-092125eedb42', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n<\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.awdeu69f2ab7559577 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.awdeu69f2ab7559577 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.awdeu69f2ab7559577 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.awdeu69f2ab7559577 {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.awdeu69f2ab7559577 {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n<div class=\"vrtyy69f2ab75594dd\" ><div style=\"margin: 20px 0px;\">\n                <!--HubSpot Call-to-Action Code --><span class=\"hs-cta-wrapper\" id=\"hs-cta-wrapper-d24c93bc-7b60-4339-bff4-106b7c262800\"><span class=\"hs-cta-node hs-cta-d24c93bc-7b60-4339-bff4-106b7c262800\" id=\"hs-cta-d24c93bc-7b60-4339-bff4-106b7c262800\"><!--[if lte IE 8]><div id=\"hs-cta-ie-element\"><\/div><![endif]--><a href=\"https:\/\/hubspot-cta-redirect-eu1-prod.s3.amazonaws.com\/cta\/redirect\/25646044\/d24c93bc-7b60-4339-bff4-106b7c262800\" target=\"_blank\" rel=\"noopener\"><img class=\"hs-cta-img colorbox-5378 lazyload\" id=\"hs-cta-img-d24c93bc-7b60-4339-bff4-106b7c262800\" style=\"border-width:0px;\" data-src=\"https:\/\/hubspot-no-cache-eu1-prod.s3.amazonaws.com\/cta\/default\/25646044\/d24c93bc-7b60-4339-bff4-106b7c262800.png\"  alt=\"jak za\u0142o\u017cy\u0107 sklep internetowy - pobierz e-booka \" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/a><\/span><script charset=\"utf-8\" src=\"https:\/\/js-eu1.hscta.net\/cta\/current.js\"><\/script><script type=\"text\/javascript\"> hbspt.cta.load(25646044, 'd24c93bc-7b60-4339-bff4-106b7c262800', {\"useNewLoader\":\"true\",\"region\":\"eu1\"}); <\/script><\/span><!-- end HubSpot Call-to-Action Code -->\n            <\/div><\/div><style type=\"text\/css\">\r\n@media screen and (min-width: 1201px) {\r\n.vrtyy69f2ab75594dd {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 993px) and (max-width: 1200px) {\r\n.vrtyy69f2ab75594dd {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 769px) and (max-width: 992px) {\r\n.vrtyy69f2ab75594dd {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (min-width: 768px) and (max-width: 768px) {\r\n.vrtyy69f2ab75594dd {\r\ndisplay: block;\r\n}\r\n}\r\n@media screen and (max-width: 767px) {\r\n.vrtyy69f2ab75594dd {\r\ndisplay: block;\r\n}\r\n}\r\n<\/style>\r\n\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;5378&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;2&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;1&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;Rate this post&quot;,&quot;legend&quot;:&quot;1\\\/5 - (2 ocena)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Czym jest CLS \u2013 Cumulative Layout Shift? Poznaj wska\u017anik Core Web Vitals&quot;,&quot;width&quot;:&quot;24.5&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} ocena)&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 24.5px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            1\/5 - (2 ocena)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>CLS jest jednym ze wska\u017anik\u00f3w Core Web Vitals opracowanych przez Google, kt\u00f3re dotycz\u0105 szybko\u015bci i wydajno\u015bci stron internetowych. Celem wprowadzenia zestawu nowych wska\u017anik\u00f3w w 2021 roku jest poprawa wra\u017ce\u0144 u\u017cytkownik\u00f3w. To w\u0142a\u015bnie zadowolenie odbiorc\u00f3w, czyli potencjalnych klient\u00f3w, powinno by\u0107 priorytetem dla w\u0142a\u015bcicieli biznes\u00f3w dbaj\u0105cych o swoje miejsce w sieci. Dowiedz si\u0119, jak jest obliczane CLS [&hellip;]<\/p>\n","protected":false},"author":101031,"featured_media":5382,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[18],"tags":[145,350,54,498,323,383,500,26,436,406,499,441,351,391,83,183,59,417],"class_list":["post-5378","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-strony-www","tag-blog","tag-ciekawostka","tag-ciekawostki-2","tag-cls","tag-core-update","tag-core-web-vitals","tag-fid","tag-google","tag-grafika-strony-www","tag-konfiguracja-strony-www","tag-lcp","tag-projektowanie-strony-www","tag-strona-www","tag-strony-internetowe","tag-strony-www","tag-web","tag-wyszukiwarka-google-2","tag-zdjecia-na-stronie-www"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Czym jest CLS? Poznaj wska\u017anik Core Web Vitals - WeNet<\/title>\n<meta name=\"description\" content=\"CLS jest jednym ze wska\u017anik\u00f3w Core Web Vitals opracowanych przez Google, kt\u00f3re dotycz\u0105 szybko\u015bci i wydajno\u015bci stron internetowych. Dowiedz si\u0119, jak jest obliczane CLS i jak zapobiega\u0107 nieoczekiwanym zmianom uk\u0142adu na stronie.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Czym jest CLS? Poznaj wska\u017anik Core Web Vitals\" \/>\n<meta property=\"og:description\" content=\"CLS jest jednym ze wska\u017anik\u00f3w Core Web Vitals opracowanych przez Google, kt\u00f3re dotycz\u0105 szybko\u015bci i wydajno\u015bci stron internetowych. Dowiedz si\u0119, jak jest obliczane CLS i jak zapobiega\u0107 nieoczekiwanym zmianom uk\u0142adu na stronie.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/\" \/>\n<meta property=\"og:site_name\" content=\"WeNet\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/WeNet.Group\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-23T07:02:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-04T14:17:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/08\/Czym_jest_CLS-e1629701693462.jpg\" \/>\n<meta name=\"author\" content=\"Marta Jaworska\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Czym jest CLS? Poznaj wska\u017anik Core Web Vitals\" \/>\n<meta name=\"twitter:description\" content=\"CLS jest jednym ze wska\u017anik\u00f3w Core Web Vitals opracowanych przez Google, kt\u00f3re dotycz\u0105 szybko\u015bci i wydajno\u015bci stron internetowych. Dowiedz si\u0119, jak jest obliczane CLS i jak zapobiega\u0107 nieoczekiwanym zmianom uk\u0142adu na stronie.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/08\/Czym_jest_CLS-e1629701693462.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marta Jaworska\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuty\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Czym jest CLS? Poznaj wska\u017anik Core Web Vitals - WeNet","description":"CLS jest jednym ze wska\u017anik\u00f3w Core Web Vitals opracowanych przez Google, kt\u00f3re dotycz\u0105 szybko\u015bci i wydajno\u015bci stron internetowych. Dowiedz si\u0119, jak jest obliczane CLS i jak zapobiega\u0107 nieoczekiwanym zmianom uk\u0142adu na stronie.","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:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/","og_locale":"pl_PL","og_type":"article","og_title":"Czym jest CLS? Poznaj wska\u017anik Core Web Vitals","og_description":"CLS jest jednym ze wska\u017anik\u00f3w Core Web Vitals opracowanych przez Google, kt\u00f3re dotycz\u0105 szybko\u015bci i wydajno\u015bci stron internetowych. Dowiedz si\u0119, jak jest obliczane CLS i jak zapobiega\u0107 nieoczekiwanym zmianom uk\u0142adu na stronie.","og_url":"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/","og_site_name":"WeNet","article_publisher":"https:\/\/www.facebook.com\/WeNet.Group\/","article_published_time":"2021-08-23T07:02:07+00:00","article_modified_time":"2023-09-04T14:17:25+00:00","og_image":[{"url":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/08\/Czym_jest_CLS-e1629701693462.jpg","type":"","width":"","height":""}],"author":"Marta Jaworska","twitter_card":"summary_large_image","twitter_title":"Czym jest CLS? Poznaj wska\u017anik Core Web Vitals","twitter_description":"CLS jest jednym ze wska\u017anik\u00f3w Core Web Vitals opracowanych przez Google, kt\u00f3re dotycz\u0105 szybko\u015bci i wydajno\u015bci stron internetowych. Dowiedz si\u0119, jak jest obliczane CLS i jak zapobiega\u0107 nieoczekiwanym zmianom uk\u0142adu na stronie.","twitter_image":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/08\/Czym_jest_CLS-e1629701693462.jpg","twitter_misc":{"Napisane przez":"Marta Jaworska","Szacowany czas czytania":"4 minuty"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/#article","isPartOf":{"@id":"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/"},"author":{"name":"Marta Jaworska","@id":"https:\/\/wenet.pl\/blog\/#\/schema\/person\/de21f8d4d69fb56403c5860665d97ae0"},"headline":"Czym jest CLS \u2013 Cumulative Layout Shift? Poznaj wska\u017anik Core Web Vitals","datePublished":"2021-08-23T07:02:07+00:00","dateModified":"2023-09-04T14:17:25+00:00","mainEntityOfPage":{"@id":"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/"},"wordCount":856,"commentCount":0,"publisher":{"@id":"https:\/\/wenet.pl\/blog\/#organization"},"image":{"@id":"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/08\/Czym_jest_CLS-e1629701693462.jpg","keywords":["blog","ciekawostka","ciekawostki","CLS","Core Update","Core Web Vitals","FID","Google","grafika strony www","konfiguracja strony www","LCP","projektowanie strony www","strona www","strony internetowe","strony www","web","wyszukiwarka Google","zdj\u0119cia na stronie www"],"articleSection":["Tworzenie stron"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/","url":"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/","name":"Czym jest CLS? Poznaj wska\u017anik Core Web Vitals","isPartOf":{"@id":"https:\/\/wenet.pl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/#primaryimage"},"image":{"@id":"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/#primaryimage"},"thumbnailUrl":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/08\/Czym_jest_CLS-e1629701693462.jpg","datePublished":"2021-08-23T07:02:07+00:00","dateModified":"2023-09-04T14:17:25+00:00","description":"CLS jest jednym ze wska\u017anik\u00f3w Core Web Vitals opracowanych przez Google, kt\u00f3re dotycz\u0105 szybko\u015bci i wydajno\u015bci stron internetowych. Dowiedz si\u0119, jak jest obliczane CLS i jak zapobiega\u0107 nieoczekiwanym zmianom uk\u0142adu na stronie.","breadcrumb":{"@id":"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/#primaryimage","url":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/08\/Czym_jest_CLS-e1629701693462.jpg","contentUrl":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/08\/Czym_jest_CLS-e1629701693462.jpg","width":1080,"height":864,"caption":"Czym_jest_CLS"},{"@type":"BreadcrumbList","@id":"https:\/\/wenet.pl\/blog\/czym-cls-cumulative-layout-shift-poznaj-wskaznik-core-web-vitals\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/wenet.pl\/blog\/"},{"@type":"ListItem","position":2,"name":"Czym jest CLS \u2013 Cumulative Layout Shift? Poznaj wska\u017anik Core Web Vitals"}]},{"@type":"WebSite","@id":"https:\/\/wenet.pl\/blog\/#website","url":"https:\/\/wenet.pl\/blog\/","name":"WeNet","description":"","publisher":{"@id":"https:\/\/wenet.pl\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wenet.pl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/wenet.pl\/blog\/#organization","name":"WeNet","url":"https:\/\/wenet.pl\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/wenet.pl\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/10\/logo-wenet-1.png","contentUrl":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/10\/logo-wenet-1.png","width":234,"height":56,"caption":"WeNet"},"image":{"@id":"https:\/\/wenet.pl\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/WeNet.Group\/"]},{"@type":"Person","@id":"https:\/\/wenet.pl\/blog\/#\/schema\/person\/de21f8d4d69fb56403c5860665d97ae0","name":"Marta Jaworska","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2025\/10\/wenet-blog.png","url":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2025\/10\/wenet-blog.png","contentUrl":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2025\/10\/wenet-blog.png","caption":"Marta Jaworska"},"description":"Content Manager. Swoje pierwsze kroki w WeNet Group S.A. stawia\u0142a jako korektor i copywriter. Od 2016 roku zajmuje si\u0119 dzia\u0142aniami z zakresu content marketingu.","url":"https:\/\/wenet.pl\/blog\/author\/marta-jaworska\/"}]}},"jetpack_featured_media_url":"https:\/\/wenet.pl\/blog\/wp-content\/uploads\/2021\/08\/Czym_jest_CLS-e1629701693462.jpg","jetpack_shortlink":"https:\/\/wp.me\/p5muuP-1oK","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/posts\/5378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/users\/101031"}],"replies":[{"embeddable":true,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/comments?post=5378"}],"version-history":[{"count":2,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/posts\/5378\/revisions"}],"predecessor-version":[{"id":5597,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/posts\/5378\/revisions\/5597"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/media\/5382"}],"wp:attachment":[{"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/media?parent=5378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/categories?post=5378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wenet.pl\/blog\/wp-json\/wp\/v2\/tags?post=5378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}