{"id":2937,"date":"2026-05-28T20:27:03","date_gmt":"2026-05-28T20:27:03","guid":{"rendered":"https:\/\/www.areaweb.sk\/?p=2937"},"modified":"2026-05-29T16:01:39","modified_gmt":"2026-05-29T16:01:39","slug":"core-web-vitals-na-wordpress-lcp-inp-a-cls-jednoducho","status":"publish","type":"post","link":"https:\/\/www.areaweb.sk\/cs\/core-web-vitals-na-wordpress-lcp-inp-a-cls-jednoducho\/","title":{"rendered":"Core Web Vitals na WordPress: LCP, INP a CLS jednoducho"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><strong>Core Web Vitals<\/strong> s\u00fa tri metriky, ktor\u00e9 Google pou\u017e\u00edva na hodnotenie pou\u017e\u00edvate\u013eskej sk\u00fasenosti: r\u00fdchlos\u0165 na\u010d\u00edtania (LCP), odozva na interakciu (INP) a vizu\u00e1lna stabilita (CLS). Od roku 2024 nahradil INP star\u0161\u00ed FID. Pre majite\u013eov WordPress webov s\u00fa to konkr\u00e9tne technick\u00e9 ciele, nie abstraktn\u00e9 SEO pojmy.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ak chce\u0161 zrychlit web prakticky, pre\u010d\u00edtaj si <a href=\"https:\/\/www.areaweb.sk\/cs\/jak-zrychlit-wordpress-web-v-roce-2026-prakticky-checklist\/\">checklist zr\u00fdchlenia WordPress<\/a>. Tu vysvetl\u00edme, \u010do jednotliv\u00e9 metriky znamenaj\u00fa a \u010do s nimi na WP urobi\u0165.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">LCP \u2013 Largest Contentful Paint<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">LCP meria, kedy sa zobraz\u00ed najv\u00e4\u010d\u0161\u00ed vidite\u013en\u00fd prvok (hero obr\u00e1zok, nadpis, video). Cie\u013e: <strong>pod 2,5 sekundy<\/strong> pre 75 % n\u00e1v\u0161tevn\u00edkov.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>Optimalizuj hero obr\u00e1zok \u2013 WebP, spr\u00e1vna ve\u013ekos\u0165, nie 3 MB banner.<\/li>\n\n\n\n<li>Pou\u017ei cache a CDN \u2013 statick\u00fd HTML sa na\u010d\u00edta r\u00fdchlej\u0161ie.<\/li>\n\n\n\n<li>Server response time (TTFB) \u2013 kvalitn\u00fd hosting, PHP 8.3, objekt cache.<\/li>\n\n\n\n<li>Odlo\u017e na\u010d\u00edtanie rekl\u00e1m a widgetov pod prv\u00fa obrazovku.<\/li>\n\n\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">INP \u2013 Interaction to Next Paint<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">INP meria odozvu na klik, tap alebo kl\u00e1vesnicu. Pomal\u00e9 INP = \u201eweb zamrzne\u201c po kliknut\u00ed na menu alebo tla\u010didlo. Cie\u013e: <strong>pod 200 ms<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>Zn\u00ed\u017e JavaScript \u2013 menej pluginov, defer\/async skriptov.<\/li>\n\n\n\n<li>Reklamy a chat widgety na\u010d\u00edtavaj lazy alebo po interakcii.<\/li>\n\n\n\n<li>Testuj na re\u00e1lnom mobile, nie len na desktop PageSpeed.<\/li>\n\n\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">CLS \u2013 Cumulative Layout Shift<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">CLS meria ne\u010dakan\u00e9 posuny layoutu (text sko\u010d\u00ed, ke\u010f sa na\u010d\u00edta reklama). Cie\u013e: <strong>pod 0,1<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>V\u017edy definuj width\/height pre obr\u00e1zky a iframy.<\/li>\n\n\n\n<li>Rezervuj miesto pre reklamn\u00e9 sloty v CSS (min-height).<\/li>\n\n\n\n<li>Nepou\u017e\u00edvaj web fonty bez font-display: swap a fallback.<\/li>\n\n\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Kde metriky sledova\u0165<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>Google Search Console \u2192 Sk\u00fasenos\u0165 \u2192 Core Web Vitals.<\/li>\n\n\n\n<li>PageSpeed Insights \u2013 konkr\u00e9tna URL + odpor\u00fa\u010dania.<\/li>\n\n\n\n<li>Chrome User Experience Report (CrUX) \u2013 re\u00e1lne d\u00e1ta pou\u017e\u00edvate\u013eov.<\/li>\n\n\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress \u0161pecifick\u00e9 tipy<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">T\u00e9ma + page builder + 30 pluginov = \u0165a\u017ek\u00e1 kombin\u00e1cia. Zv\u00e1\u017e \u013eahk\u00fa t\u00e9mu, vypni nepotrebn\u00e9 bloky Gutenbergu a pou\u017eij jeden kvalitn\u00fd cache plugin. Pre blog s AdSense s\u00fa CLS od rekl\u00e1m \u010dast\u00fd probl\u00e9m \u2013 fixni sloty v CSS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">FAQ<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Sta\u010d\u00ed zelen\u00e9 sk\u00f3re v PageSpeed?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Lab d\u00e1ta s\u00fa u\u017eito\u010dn\u00e9, ale Google hodnot\u00ed aj field data z re\u00e1lnych n\u00e1v\u0161tevn\u00edkov. Sleduj oboje.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pre\u010do m\u00e1 homepage dobr\u00e9 sk\u00f3re, ale \u010dl\u00e1nky zl\u00e9?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In\u00e1 \u0161abl\u00f3na, viac obr\u00e1zkov, reklamy v obsahu. Optimalizuj ka\u017ed\u00fd typ str\u00e1nky zvl\u00e1\u0161\u0165.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Shrnut\u00ed<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">LCP, INP a CLS s\u00fa merate\u013en\u00e9 ciele. Za\u010dni najhor\u0161ou URL v Search Console, urob jednu \u00fapravu, zmeraj znova. Systematick\u00fd pr\u00edstup funguje lep\u0161ie ako n\u00e1hodn\u00e9 in\u0161talovanie pluginov.<\/p>\n\n\n\n<!-- cursor-seo-pass2 -->\n\n<h2 class=\"wp-block-heading\">Podrobnej\u0161\u00ed postup krok za krokem<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">V praxi sa osved\u010duje rozdeli\u0165 pr\u00e1cu na mal\u00e9 kroky a po ka\u017edom overi\u0165 v\u00fdsledok v anonymnom okne prehliada\u010da. Pre t\u00e9mu \u201eLCP meranie\u201c si priprav checklist: \u010do potrebuje\u0161 ma\u0165 pred za\u010diatkom (z\u00e1loha, pr\u00edstupy, SSL), \u010do urob\u00ed\u0161 po\u010das implement\u00e1cie a \u010do skontroluje\u0161 po nasaden\u00ed. Ak nie\u010do nefunguje, vr\u00e1\u0165 posledn\u00fa zmenu a diagnostikuj \u2013 na WordPress webe je takmer v\u017edy pr\u00ed\u010dina v plugine, cache alebo konfigur\u00e1cii servera.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Slovensk\u00e9 weby \u010dasto be\u017eia na zdie\u013eanom hostingu s obmedzenou PHP pam\u00e4\u0165ou a CPU. Ak naraz\u00ed\u0161 na limity, kontaktuj podporu hostingu sk\u00f4r, ne\u017e zapne\u0161 \u010fal\u0161ie \u0165a\u017ek\u00e9 pluginy. Kombin\u00e1cia kvalitn\u00e9ho hostingu, rozumn\u00e9ho po\u010dtu pluginov a cache v\u00fdrazne zni\u017euje po\u010det probl\u00e9mov pri ka\u017edodennej prev\u00e1dzke.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Na \u010do si da\u0165 pozor (typick\u00e9 chyby)<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>Spolieha\u0165 sa na jeden n\u00e1vod bez testu na vlastnom web \u2013 ka\u017ed\u00e1 t\u00e9ma a hosting s\u00fa in\u00e9.<\/li>\n\n\n\n<li>Men\u00ed\u0165 v\u00edce vec\u00ed naraz \u2013 p\u0159i chybe nevie\u0161, \u010do ju sp\u00f4sobilo.<\/li>\n\n\n\n<li>Zabudn\u00fa\u0165 vymaza\u0165 cache po \u00faprave (FlyingPress, LiteSpeed, Cloudflare).<\/li>\n\n\n\n<li>Ignorova\u0165 mobil \u2013 v\u00e4\u010d\u0161ina n\u00e1v\u0161t\u011bvn\u00edk\u016f blogov \u010d\u00edta z telef\u00f3nu.<\/li>\n\n\n\n<li>Neprida\u0165 intern\u00e9 odkazy na s\u00favisiace \u010dl\u00e1nky \u2013 pom\u00e1ha SEO aj \u010ditate\u013eom.<\/li>\n\n\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">K\u013e\u00fa\u010dov\u00e9 pojmy v tomto n\u00e1vode<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Medzi d\u00f4le\u017eit\u00e9 term\u00edny patria: LCP meranie, INP na mobile, CLS od rekl\u00e1m, Search Console report, field vs lab data. Ak niektor\u00e9mu nerozumie\u0161, pre\u010d\u00edtaj si najprv \u00favodn\u00e9 sekcie \u010dl\u00e1nku alebo s\u00favisiace n\u00e1vody v kateg\u00f3rii WordPress na Areaweb. Postupne si vybuduje\u0161 ment\u00e1lny model, ako jednotliv\u00e9 \u010dasti WordPress ekosyst\u00e9mu spolupracuj\u00fa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Roz\u0161\u00edren\u00e9 FAQ<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Potrebujem na to program\u00e1tora?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">V\u00e4\u010d\u0161inu krokov zvl\u00e1dne majite\u013e blogu nebo market\u00e9r. Program\u00e1tora volaj p\u0159i custom k\u00f3de v t\u00e9me, z\u00e1sahu do jadra nebo integr\u00e1cii na mieru.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ako dlho trv\u00e1 implement\u00e1cia?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jednoduch\u00e9 nastaven\u00ed: 30\u201360 min\u00fat. Komplexnej\u0161\u00ed e-shop nebo migr\u00e1cia: nieko\u013eko hod\u00edn a\u017e dn\u00ed vr\u00e1tane testov.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ovplyvn\u00ed to moje reklamy nebo SEO?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Spr\u00e1vne nastaven\u00ed obvykle SEO a v\u00fdkon zlep\u0161\u00ed.P\u0159i cookies a AdSense testuj Consent Mode \u2013 kr\u00e1tkodob\u00fd pokles RPM m\u00f4\u017ee by\u0165 do\u010dasn\u00fd.P\u0159i zmene URL v\u017edy 301 redirect.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kde h\u013eada\u0165 pomoc, ke\u010f zlyh\u00e1 hosting?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Najprv ticket podpore hostingu s presn\u00fdm popisom a \u010dasom chyby.P\u0159i 500 chybe pripoj v\u00fdpis z debug.log. Komunita WordPress SK\/CZ a f\u00f3ra tak\u00e9 pom\u00f4\u017eu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Odpor\u00fa\u010dan\u00e1 literat\u00fara na Areaweb<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Pre celkov\u00fd obraz o WordPress doporu\u010dujeme kombinova\u0165 tento \u010dl\u00e1nok s pilierov\u00fdmi n\u00e1vodmi: <a href=\"https:\/\/www.areaweb.sk\/cs\/jak-zrychlit-wordpress-web-v-roce-2026-prakticky-checklist\/\">zrychlen\u00ed webu<\/a>, <a href=\"https:\/\/www.areaweb.sk\/cs\/wordpress-bezpecnost-12-chyb-majitelu-webu\/\">bezpe\u010dnost<\/a>, <a href=\"https:\/\/www.areaweb.sk\/cs\/rank-math-seo-na-wordpress-zakladne-nastavenie\/\">Rank Math SEO<\/a> a <a href=\"https:\/\/www.areaweb.sk\/cs\/automaticka-zaloha-wordpress-webu-navod-s-updraftplus\/\">z\u00e1lohovanie<\/a>. Pravideln\u00e9 \u010d\u00edtanie Search Console a Analytics ti uk\u00e1\u017ee, kter\u00e9 t\u00e9my n\u00e1v\u0161t\u011bvn\u00edk\u016f zauj\u00edmaj\u00fa \u2013 pod\u013ea toho pl\u00e1nuj dal\u0161\u00ed obsah.<\/p>\n\n\n\n<!-- cursor-seo-pass3 -->\n\n<h2 class=\"wp-block-heading\">Core Web Vitals a AdSense \/ reklamn\u00fd obsah<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Blog s reklamami m\u00e1 CLS \u010dasto hor\u0161\u00ed ne\u017e firemn\u00e1 vizitka \u2013 bannery sa na\u010d\u00edtavaj\u00fa asynchr\u00f3nne a posun\u00fa text. Rie\u0161enie: wrapper div s min-height okolo ad slotu, na\u010d\u00edtanie rekl\u00e1m a\u017e po LCP (delay script), alebo menej agres\u00edvne umiestnenie rekl\u00e1m nad fold. INP trp\u00ed pri \u0165a\u017ek\u00fdch reklamn\u00fdch sie\u0165ach \u2013 obmedz po\u010det ad units na str\u00e1nku.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">V Search Console sekcia \u201eExperience\u201c uk\u00e1\u017ee URL s probl\u00e9mom LCP\/INP\/CLS. Prioritizuj str\u00e1nky s najvy\u0161\u0161\u00edm trafficom \u2013 oprava jedn\u00e9ho vir\u00e1lneho \u010dl\u00e1nku m\u00e1 v\u00e4\u010d\u0161\u00ed dopad ne\u017e desa\u0165 m\u0155tvych URL.<\/p>\n\n\n\n<!-- cursor-hub-link -->\n\n<h2 class=\"wp-block-heading\">V\u00edce WordPress n\u00e1vodov<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">V\u0161etky na\u0161e n\u00e1vody n\u00e1jde\u0161 na str\u00e1nke <a href=\"https:\/\/www.areaweb.sk\/cs\/wordpress-navody\/\"><strong>WordPress n\u00e1vody \u2013 kompletn\u00ed pr\u016fvodce<\/strong><\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Vysvetlenie metr\u00edk Core Web Vitals a konkr\u00e9tne \u00fapravy pro WordPress \u2013 t\u00e9ma, fonty, obr\u00e1zky a skripty.<\/p>","protected":false},"author":1,"featured_media":158,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,45,23],"tags":[],"class_list":["post-2937","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","category-optimalizacia","category-wordpress"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/posts\/2937","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/comments?post=2937"}],"version-history":[{"count":0,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/posts\/2937\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/media?parent=2937"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/categories?post=2937"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/tags?post=2937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}